React components has a built-in state object. The state object is where you store property values that belongs to the component . When the state object changes, the component re-renders.
Read moreWhy we use state in React instead of variable?
Though using state may seem similar to class variable but state is a protected keyword in React that refers to stored component data . The major difference between using class variables and state is updating data. Instead of manually reassigning the variable, you call this. setState() .
Read moreHow do you set state value in React Hooks?
To update the state, call the state updater function with the new state setState(newState) . Alternatively, if you need to update the state based on the previous state, supply a callback function setState(prevState => newState) .
Read moreHow do you manage state in React with Hooks?
Using React Hooks to share state between components And, finally, our root component . This is going to hold the store and pass the required data and the dispatch function down to the components that need them. This will allow the children components to read from and update the store as required.
Read more