Menu
I have a problem. I want to set state another component from one component but I don't know how to do it?
692
You can't directly call setState on a parent component from a child component because the updating of a component state is restricted to the current component. To handle this, simply pass a function from the parent to the child that contains setState .
To pass the state into another component, you can pass it as a prop. Then, inside <ExampleComponent /> , you can access the data as this. props.
React Hooks are a great way to add stateful logic into function components. So, if you want to maintain a state in the component you can do it using useState hook like so. As you can tell, the useState hook returns two values: the current state (i.e. the count variable) and a function that updates it (i.e. setCount ).
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.
Component1: The component that you want to change the state from that.
Component2: The component that you want to change its state from another component.
redux to manage the state and define a
mapStateToProps function in Component2 to affect it by changing the
state by Component1.
72
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
