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

Question

我是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存储来更新状态.我该怎么做呢？我不想将每个哑组件更改为容器.任何帮助将不胜感激.谢谢!

Answer 1

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

另外,不要过分考虑"容器/表现"概念.Dan Abramov说人们花太多时间担心它,我有一个聊天记录,我讨论了使用connect和定义"容器"的现实做法.

有关详细信息,请参阅:

• 关于连接多个组件的Redux FAQ条目
• 我的React/Redux链接列表中的Redux Architecture和Redux Performance部分
• 我的博客发布了Practical Redux,第6部分:连接列表,表单和性能