React set state

setState() allows you to change state in a React class component . To change the state of a function component, you use the useState() hook. Learn more about it here. setState() enqueues change to the component state and tell React that this component and its children need to be re-rendered with the updated state.

Syntax: We can use setState() to change the state of the component directly as well as through an arrow function . Example 1: Updating single attribute. We set up our initial state value inside constructor function and create another function updateState() for updating the state.24 Mar 2021

Changing the state Object To change a value in the state object, use the this. setState() method. When a value in the state object changes, the component will re-render, meaning that the output will change according to the new value(s).

To update our state, we use this. setState() and pass in an object . This object will get merged with the current state. When the state has been updated, our component re-renders automatically.