将 React 组件存储在 Redux 减速器中？

Question

我正在为我的应用程序创建一个通用的模态 React 组件来显示各种不同的东西。我希望它足够灵活以显示纯 HTML 和交互式 React 组件。

我已经通过将可显示组件存储在我的 Redux 模态减速器中来使其工作。到目前为止，我还没有遇到任何问题。

以前有没有人采用过这种方法？我无法在网上找到任何示例，所以我不确定这是否是不好的做法。如果是这样，您是否建议使用另一种方法来处理？

Answer 1

它可能有效，但我认为你真的不需要这样做。您不应该将整个组件保存在商店中。只保存纯state，它应该是可序列化的，并将它们作为 props 传递给组件。render()组件的功能将负责渲染。

看redux的faq：

我可以在我的商店状态中放置函数、承诺或其他不可序列化的项目吗？

强烈建议您只将普通的可序列化对象、数组和原语放入您的存储中。从技术上讲，可以将不可序列化的项目插入存储中，但这样做会破坏存储内容的持久化和再水化能力，并干扰时间旅行调试。

如果您对持久性和时间旅行调试等可能无法按预期工作的事情感到满意，那么完全欢迎您将不可序列化的项目放入您的 Redux 存储中。归根结底，这是您的应用程序，您如何实现它取决于您。与 Redux 的许多其他事情一样，请确保您了解所涉及的权衡。

http://redux.js.org/docs/faq/OrganizingState.html#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state

你也可以阅读这个线程的讨论：https : //github.com/reactjs/redux/issues/1793