javascript - 如何在react.js中跨子组件持久保存数据或状态？

Question

好的，我正在寻找跨子组件保存数据的最佳方法。据我所知，为了在父级和子级之间进行通信，我应该将回调作为 Prop 传递给子组件。现在，如果我需要更改父级的状态，我只需调用回调并设置父级的状态。对吗？

但这不是我的要求。让我们考虑这样一个场景:我有多个 child ，并且所有 child 都共享相同的数据。我需要的是，如果我更改任何子组件中的状态/日期，那么数据更改也应该反射(reflect)在其他子组件中。调用回调只会更改父级的状态，如何才能同时更新其他子级中传递的 Prop ？

我希望这不会令人困惑。我在我的应用程序中使用 Flux 架构。我确实有使用操作和调度程序来解决我的问题的替代解决方案。但是，我想知道是否有更智能和标准的方法来做到这一点。

Answer 1

只需更改父级的状态，这将触发父级的重新渲染，将任何 Prop (即使它们相同)传递给子级，它们将使用您的新状态重新渲染。

无论您将函数从父级传递给子级，还是让子级通过调度程序发出操作(如果您无论如何使用 Flux，这可能是首选方法)，理论都是相同的，父级状态更改并传递给 children 的 Prop 。