• Register
100 points
2

Parent child component communication.

When you understand state management you will need a way to pass that backup to the app component. This means that the child need a way to communicate to the client. React makes this communication using the “props” concept.

Passing Data from the Child to the Parent using “props” component.

To pass data from child component to parent components you’ll need to first create a callback function in the parent component which will help get the data from child component. You will then be required to pass the callback function you created in the first step as a prop to the child component. Finally, the child component will automatically call the parent callback function using the prop method.

We will now implement the above using an example. Here, you have two class components one is parent and second is child. The child component should have a particular form that is submittal in order to send its data to the parent component.

As we have discussed, we have come to conclude that when the child component is triggered by an event it will call the corresponding parent components callback function carrying with it the data it wants to send to the parent.

The parent component will then handle the data received from the child node.

100 points
2