React: Multiple Ways to Set State

Question

Are there two different ways of using State in React?

I just read a resource, and this is one method within a function

const [searchTerm, setSearchTerm] = React.useState('');
setSearchTerm('abc');

Another uses this.state property

this.state ..

this.setState({
    searchTerm: 'abc' // enter values here
 });

When should I utilize these two methods? I am using React 16 with functions and inquiring about the difference.

One is for function components (the first) and the other is for class components (the second). The type of component you have will dictate which you should use. Docs on Function and Class Components — Brian Thompson
– Brian Thompson, Commented Jul 19, 2021 at 18:38
hi @BrianThompson feel free to write in answer if you want, and I can send points, thanks — mattsmith5
– mattsmith5, Commented Jul 19, 2021 at 18:44

Danielprabhakaran N · Accepted Answer · 2021-07-19 18:43:38Z

2

Using these States depends on your component.

If you use functional component, you can use

const [searchTerm, setSearchTerm] = React.useState('');
setSearchTerm('abc');

Or, If you use class component, You can use

this.state ..

this.setState({
    searchTerm: 'abc' // enter values here
 });

answered Jul 19, 2021 at 18:43

Danielprabhakaran N

5851 gold badge7 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RHGPT · Accepted Answer · 2021-07-19 18:46:22Z

0

First one is a react hook and used in functional components. If you are creating functional components then you have to use a hook to use state.

Second one is used in class components. If you are creating a class component then you use a state object and then update the state by using this.setState

answered Jul 19, 2021 at 18:46

RHGPT

375 bronze badges

Collectives™ on Stack Overflow

React: Multiple Ways to Set State

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related