Redux：样式指南在将更多组件连接到商店时出现混乱

Question

根据 Redux Style Guide，强烈建议连接更多组件来从 store 读取数据。

例如，不只是连接一个<UserList>组件并读取整个用户数组，而是<UserList>检索所有用户 ID 的列表，将列表项呈现为<UserListItem userId={userId}>，并<UserListItem>连接并从存储中提取其自己的用户条目。

不过，这听起来有点与前面“React 的使用”部分所鼓励的内容相矛盾，即将展示组件与容器组件分开，其中展示组件从 props 中读取数据，而不是从 store 中读取数据。

这是否意味着：

1. 最佳实践是将表示组件的数量保持在最低限度，从而增加有状态组件的数量？
2. 或者连接的组件实际上也可以是无状态组件？

Answer 1

我是 Redux 维护者，我编写了样式指南页面。

简而言之，Redux 文档是随着时间的推移而编写的，因此一些旧的文档页面已经过时了。

风格指南是我们关于如何编写应用程序的最新建议。

我们正在重写 Redux 核心文档。我打算很快重写那个“React 的使用”页面，当我这样做时，我将完全删除术语“演示”和“容器”。

我还鼓励您阅读我的文章《Thoughts on React Hooks, Redux, and Separation of Concerns》 ，并观看我在 React Boston 2019 上关于Hooks、HOCs 和 Tradeoffs的演讲，以获得更多关于 Hooks 如何改变我们思考写作方式的想法成分。