javascript - 我想知道我是否可以在图书馆里有一个 redux 商店，并且 App 也有一个 redux 商店

Question

我对 React 真的很陌生，需要问。
我可以有一个 ReactJs Redux store在库中，然后在也有 Redux 商店的应用程序中使用该库？
他们俩都这样做:

    <Provider store={store}>
       ..App
    </Provider>

我学习 ReactJs，但不确定我是否理解 Webpack 是如何在此处加载代码的。

这两个 React Store 会发生冲突吗？

它们能独立存在吗？

他们可以共享 reducer 吗？ (假设 App 想要使用库 Redux 存储并向其发送调度)

我已经测试过这样做，但无法使其工作。就像 Redux 在第一次加载库 Redux 商店之后无法加载 App Store 但我是新手所以必须问

Answer 1

Will these two React Stores collide? / Can they exist independently?

使用 createStore 创建的两个不同的商店不会碰撞，可以独立存在。
在幕后，每个 store 实例都有一个 subscribe 方法和它自己的订阅者数组。
使用 react-redux Provider 组件时，您将使用 React 的上下文 API 将 store 的实例发送到组件树的下方。该实例将可供呈现 Provider 的组件的所有子组件和死者使用。如果有另一个 Provider 挡道，该 Provider 的值将覆盖更高的 Provider。
因此，如果您将另一个 Provider 与库中的另一个商店实例一起使用，它将仅对从您的库组件开始的组件树生效。有了正确的构图，就不会发生碰撞。

Can they share Reducers?

Reducers 只不过是纯函数，这意味着它们不应该有任何副作用。因此，如果需要，您可以导出和重用相同的 reducer 逻辑，您只需将它们注册到每个商店实例。
最后，我不同意此处声称您不应该使用多个商店的其他答案。您有一个确切的用例，其中一个单独的存储是合理的，您的主应用程序使用一个存储，并且您有一个使用另一个不相关的全局状态的独立库。