redux应用程序连接()函数

Question

不知道问这个问题是否是正确的网站，但我会试一试。

在使用function和Redux构建web应用程序时，应该如何使用connect()函数？目标是只有一个容器连接到商店顶部，将道具传递给它的孩子，还是有多个容器连接到传递道具给他们的孩子的商店？我已经建立了一个小的网络应用程序，只有一个容器连接到商店，因此它把所有的道具放下。

我想知道什么是最好的解决方案，如果是多个容器连接一个，如何构建他的应用程序的架构的方式？

谢谢。

Answer 1

引用http://redux.js.org/docs/faq/ReactRedux.html#react-multiple-components上的Redux：

早期的Redux文档建议您应该只在组件树顶部附近有几个连接的组件。然而，时间和经验表明，这通常需要几个组件对其所有后代的数据需求了解得太多，并迫使他们传递一些令人困惑的道具。 当前建议的最佳实践是将组件归类为“表示”或“容器”组件，并在有意义的地方提取连接的容器组件： 在Redux示例中强调“顶部的一个容器组件”是一个错误。别把这当格言。尽量保持演示文稿组件的独立性。在方便的时候通过连接容器组件来创建容器组件。每当您觉得要在父组件中复制代码以便为相同类型的子组件提供数据时，就需要提取容器。通常，当你觉得父母对其子女的“个人”数据或行动了解太多时，就应该提取一个容器。事实上，基准测试表明，相对于较少的连接组件，更多的连接组件通常会带来更好的性能。 通常，尝试在可理解的数据流和组件的责任范围之间找到平衡。