为什么我在redux中的组件中有多个容器?什么是好处?

时间:2017-05-09 06:13:55

标签: javascript reactjs redux react-redux

我是 Redux 的初学者,来自反流

Redux 的文档this link中,他们告诉“ Redux 示例中顶部的一个容器组件是错误的。请不要将其视为格言“为什么?

例如在“todo-example”redux example中,他们对Todo组件有多个容器,我无法理解其原因。我的意思是我们可以为Todo Component提供一个容器和一个演示组件。

组件中有多个容器有什么好处?

2 个答案:

答案 0 :(得分:2)

多个容器允许您保持简单的测试和开发,因为您为每个组件创建一个单独的模块/容器,而不是具有处理所有组件的唯一容器。

对于一个非常小的应用程序,一个独特的容器方法甚至可能工作,但在现实世界中,应用程序很难扩展。

描述容器使用的有趣文章:

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0

答案 1 :(得分:0)

您可能需要阅读我的博文Angular Translate doc,其中涵盖了与连接多个组件相关的几个概念。

快速摘要:连接更多组件意味着每个组件都对Redux存储状态的较小部分感兴趣,并且需要不经常重新渲染,因此通常性能更好。这也意味着每个组件的职责都较少,而且应该更容易理解。