javascript - 在 React/Redux 应用程序中，我什么时候应该显式地传递一个 prop，而不是使用 mapStateToProps 从全局状态中获取它？

Question

我正在构建我的第一个 React-Redux 应用程序，在许多情况下，我可以选择执行 <PaginationBox perPage={perPage} />或者有 <PaginationBox />然后做

function mapStateToProps({pagination: {page}}) {
  return {
    pageNumber: page + 1
  };
}

使用一种或另一种方式的含义是什么？我什么时候应该更喜欢一种方式？

是否有关于如何拾取 Prop 的最佳实践？每次用都感觉有点不好mapStateToProps在一些深层嵌套的组件中，因为感觉组件与特定页面/应用程序的状态耦合。

Answer 1

没有一个好的答案。根据位于 http://redux.js.org/docs/FAQ.html#react-multiple-components 的 Redux 常见问题解答，由您决定在组件层次结构中的哪个位置连接组件是有意义的。它可以在“LeftSidebar/RightMainPanel”级别，也可以更精细。在某些情况下，例如尝试优化列表以提高性能，您可能会连接 List 本身并检索项目 ID，而每个 ListItem 将自己连接并按 ID 检索自己的数据。

对于这种特殊情况，我可能倾向于使用 <PaginationBox />连接，并呈现无状态功能 <PaginationItem />组件是必要的，主要是因为除了数字和点击链接之外，单个项目不需要附加任何真实信息。但是，这只是一个意见。