reactjs - 如何从深层嵌套组件访问 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

您应该随意在您认为需要直接访问 Redux 存储中的数据或将操作分派(dispatch)到 Redux 的任何组件周围使用 connect()。如果您的连接组件较少，并将数据和操作创建者作为 props 传递给子级，也没关系，但 connect 的主要原因之一是您可以使用它来包装任何 应用程序中需要与 Redux 交互的组件。

此外，不要过度思考“容器/表示”概念。丹·阿布拉莫夫说过people spend too much time worrying about it ，我有 a chat log where I discuss realistic practices for using connect and defining "containers" .

有关详细信息，请参阅:

• Redux FAQ entry on connecting multiple components
• Redux Architecture和Redux Performance我的React/Redux links list的部分
• 我的博文Practical Redux, Part 6: Connected Lists, Forms, and Performance