React redux应用程序connect()函数

时间:2017-05-17 20:13:38

标签: reactjs redux react-redux

不确定这是问题这个问题的网站,但我会试一试。

使用React和Redux构建Web应用程序时,应该如何使用connect()函数?目标是只有一个容器连接到顶部的商店,将道具传递给它的孩子,或者有多个容器连接到商店,将道具传递给他们的孩子? 我已经构建了一个小型Web应用程序,它只有一个连接到商店的容器,因此它会将所有支柱传递下去。

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

谢谢。

1 个答案:

答案 0 :(得分:1)

http://redux.js.org/docs/faq/ReactRedux.html#react-multiple-components

上引用Redux常见问题解答
  

早期的Redux文档建议您只应在组件树顶部附近放置一些连接的组件。然而,时间和经验表明,这通常需要一些组件来了解他们所有后代的数据要求,并迫使他们传递一些令人困惑的道具。

     

目前建议的最佳做法是将您的组件分类为“表示”或“容器”组件,并在任何有意义的地方提取连接的容器组件:

     
    

在Redux示例中强调“顶部的一个容器组件”是一个错误。不要把它当作格言。尽量将您的演示文稿组件分开。通过在方便的时候连接它们来创建容器组件。每当您想要复制父组件中的代码以为相同类型的子组件提供数据时,就需要时间来提取容器。一般情况下,一旦您认为父母对“个人”数据或其子女的行为了解太多,就应该及时提取容器。

  
     

事实上,基准测试表明,与更少的连接组件相比,更多连接组件通常会带来更好的性能。

     

通常,尝试在可理解的数据流与您的组件的责任区域之间找到平衡点。