如何用redux组织“子应用程序”？

Question

我正在开发一个相当大型的应用程序，非常感谢您能提供一些建议。我有一个应用程序包装器react-redux <Provider>，它有子应用程序列表。

const appState = {
    subApps: [],
};

子应用程序非常复杂，使用它们的某些组件作为容器会很方便，因此使用mapStateToProps和mapDispatchToProps。但是，使用mapStateToProps是不可能的，因为store是根对象，并且我们不知道当前子应用程序在 中的索引是什么appState。

将来我计划将这些子应用程序分开，然后放入自己的网络工作线程中。在这种情况下，也许可以使用多个商店并将商店发送到主线程并将其作为主商店的一部分？

有很多方法可以处理这种情况，基本上，问题是如何用redux框架处理子应用程序之类的东西。也许你们中的一些人遇到了类似的问题，或者只是知道如何以最佳方式解决问题。

Answer 1

似乎在这种情况下，最好的解决方案是包装每个子应用程序<Provider>并为每个容器传递自己的存储。我们还可以使用react-redux-custom-store库来创建具有自定义名称的商店。

更新：

丹·阿布拉莫夫推特：https://twitter.com/dan_abramov/status/716217178731765762

示例： https: //gist.github.com/gaearon/eeee2f619620ab7b55673a4ee2bf8400