How to pass state back to parent in React?

Question

I have a form that has a submit button. That form calls a function onclick that sets the state of something from false to true. I then want to pass this state back to the pa

Answer 1

In React you can pass data from parent to child using props. But you need a different mechanism to pass data from child to parent.

Another method to do this is to create a callback method. You pass the callback method to the child when it's created.

class Parent extends React.Component {
myCallback = (dataFromChild) => {
    //use dataFromChild
},
render() {
    return (
        

             
        
    );
  }
}

You pass the decisionPage value from the child to the parent via the callback method the parent passed.

     class ComponentA extends React.Component{
          someFn = () => {
            this.props.callbackFromParent(decisionPage);
          },
          render() {
            [...]
          }
     };

SomeFn could be your handleClick method.