Managing state when using multiple subcomponents

Question

I'm not a reaction expert. My problem statement is that I have a main component that renders multiple subcomponents in sequence for a specific functionality. Now when I save the main component, I also want to save the subcomponent's information. What is the correct way to handle this problem? Using a callback in a child component that returns the state of the child component? reduxstore/useContext hook? Anything else? It would be great to get some advice. Thanks in advance

P粉493534105 · Answer

Usually this is done via "raise state" , so one solution is to manage all the state in the main component (including child component state) and in the props and functions that trigger the save Pass status.

This general concept can also be applied to "grouping" state into some meaningful objects in a redux store or reactive context.

Some related questions:

React js Change the state of a child component from the parent component一个>