reactjs - 如何将 Redux 存储传递给从包中导入的组件？

Question

假设您有一个项目分为两个回购：主要和帐户。从主存储库中，我将帐户存储库安装为依赖项并导入帐户组件。当我在应用程序的主要部分创建一个 Redux 商店时，如何将该商店传递给帐户组件？我的想法是在主体部分连接一个容器组件，并在单个对象中传递所需的所有状态/动作。然后在帐户部分，我将创建一个 Redux 上下文，将此对象提供给所有需要它的组件。这会起作用，但感觉就像我正在从“react-redux”包中复制提供者/连接功能。但是，由于提供者位于主要部分，因此我无法直接连接到帐户部分。谁能想到一个更优雅的解决方案？

标签： reactjsreduxstore

Answer 1

阅读这篇文章：https ://redux.js.org/recipes/isolating-redux-sub-apps/ 。基本上，您可以创建多个提供程序并分离您的应用程序，以便每个部分都有自己的 redux 树。

如果您需要嵌套它们，那么在 v6 中您可以执行以下操作：https ://react-redux.js.org/using-react-redux/accessing-store#multiple-stores ，不知道是不是使用 redux v7 的案例，因为它不再使用上下文。