javascript - 我应该在我的组件中使用来自 redux (connect) 的状态还是从父组件传递 Prop ？

Question

显然我不再使用本地状态，因为我的状态现在包含在 Redux 容器中。

但对于无状态组件，我只是简单地使用 props 传递它们需要的数据。

我想验证这是否可行？

下面是一个无状态组件的示例，它从父级接收数据并将数据传递给子级。

父元素正在使用 Redux。 (未显示)。

有什么好的引用资料吗？即文档？

import React from 'react';
import FrameFaveTagFave from './FrameFaveTagFave.jsx';

const FrameFaveTag = function(props) {
  const bookmarks = props.bookmarks.map((bookmark) =>
    <FrameFaveTagFave bookmark={bookmark} key={bookmark.id} />
  );
  return (
    <div className="bookmark_page" id="{props.tag}" >
      <div className="bookmark_tag_title">
        <p className="bookmark_tag_title_p">
          {props.tag}
        </p>
      </div>
      {bookmarks}
    </div>
  )
}

export default FrameFaveTag;

Answer 1

这取决于您遵循的惯例。每当我制作应用程序时，我都喜欢将与应用程序的多个部分相关的状态保存在 redux 中。假设您在为用户帐户信息、权限信息等安装您的应用程序时获取数据，我更希望将它们放入我的 redux 状态，我可以在应用程序的任何地方访问。但是假设一个状态只对一个组件有意义，我想把它放在组件的状态中。一个示例可以是您打开/关闭模式或第三个 Pane 等。您也可以将其置于 redux 状态，但将其置于 React 组件的状态确实有意义。如果你想让你的应用程序中的一切都成为功能组件，你不妨看看 recompose它是实用方法。 This redux 作者的回答会给你更多关于什么时候你应该在你的应用程序中绝对存储 redux 状态的见解。

编辑:

如果比较我们应该在组件中使用 connect 还是从 parent 传递 props，那么我倾向于使用 passing from parent 更好一点over connect 因为虽然 connect 使组件只监听组件的相关状态变化然后重新呈现，但它必须进行比较检查与该组件相关的状态是否已更改。