reactjs - 为什么在 Redux 中直接使用 "this.props.dispatch"而不是 "store.dispatch"？

Question

直接使用store.dispatch有什么坏处吗？

在我看来，调用起来要容易得多(因为它可用于所有子组件)，并且在迄今为止的测试中，我还没有发现差异。

谢谢!

Answer 1

在 universal apps ，您将需要针对每个请求使用不同的存储实例。如果您只是从某个模块将商店导出为单例，那么您将很难添加服务器渲染。

这就是为什么我们从不在文档中鼓励单例存储，并且始终鼓励您使用 <Provider> 通过 React context 将其沿层次结构传递。这使得存储可供消费组件使用，而无需使其成为单例。

至于为什么 connect() 来自 React Redux 的通行证 dispatch作为 Prop 而不是 store本身 - 这是因为你并不真正需要 store本身位于连接的组件中。订阅和阅读状态由 connect() 完成所以你只需要dispatch()在组件中。