Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多个子组件中的父组件触发动作-React(挂钩)中的首选方式_Javascript_Reactjs - Fatal编程技术网

Javascript 多个子组件中的父组件触发动作-React(挂钩)中的首选方式

Javascript 多个子组件中的父组件触发动作-React(挂钩)中的首选方式,javascript,reactjs,Javascript,Reactjs,我有一个父组件,它还有三个其他组件,a、B和C 这些组件中的每一个都有自己可以保存的字段集。这些是不同的对象类型。现在,当用户单击“保存”时,我想在每个组件中触发一个保存操作。它们每个都有自己的错误处理、消息传递等 如何处理?目前我只是在使用引用,但根据这篇文章()的说法,这是不受鼓励的。如何以“反应”的方式实现它?向子级发送命令可以通过将类似actionChildA的状态作为道具传递给子级,并在子级的componentDidUpdate()中等待它来完成。处理操作后,子组件应调用prop方法

我有一个父组件,它还有三个其他组件,a、B和C

这些组件中的每一个都有自己可以保存的字段集。这些是不同的对象类型。现在,当用户单击“保存”时,我想在每个组件中触发一个保存操作。它们每个都有自己的错误处理、消息传递等


如何处理?目前我只是在使用引用,但根据这篇文章()的说法,这是不受鼓励的。如何以“反应”的方式实现它?

向子级发送命令可以通过将类似
actionChildA
的状态作为道具传递给子级,并在子级的
componentDidUpdate()中等待它来完成。处理操作后,子组件应调用prop方法将其重置为父组件的状态:@ChrisG它感觉比使用refs更复杂,因为它使子组件更依赖于父组件。使用refs,子组件根本不需要知道父组件。好吧,您要求的是反应方式:):让父组件拥有其子组件的状态,并使用来自父组件本身的数据提交表单(或采取行动)。@ChrisG wow,这是反应方式吗?你对此有什么参考资料吗?我不想破坏你说的话,只是觉得如果他们建议用这种方式解决这样的问题,我就错了