如何从深层嵌套的组件访问Redux存储

时间:2017-07-23 20:43:07

标签: reactjs nested redux

我是Redux的新手,我的嵌套组件结构如下所示。我有一个Redux容器,它拥有状态并呈现组件A.组件A呈现组件B,组件B呈现组件C.

- Redux Container
  - Dumb Component A          <-- Child of Redux Container
    - Dumb Component B        <-- Child of Component A
      -  Dumb Component C     <-- Child of Component B

组件A,B和C需要访问Redux存储来更新状态。我该怎么做呢?我不想将每个哑组件更改为容器。任何帮助将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:7)

您可以随意使用connect()围绕您认为需要直接访问Redux存储中的数据或将操作分派给Redux的任何组件。如果连接组件较少,并将数据和动作创建者作为道具传递给子项,那也没关系,但connect的一个主要原因是你可以用它来包装应用程序中需要与Redux交互的任何组件。

另外,不要过度思考&#34;容器/演示文稿&#34;概念太多了。丹·阿布拉莫夫已经说people spend too much time worrying about it,我有a chat log where I discuss realistic practices for using connect and defining "containers"

有关详细信息,请参阅: