javascript - 组件从其父级或直接从 Redux 存储获取数据

Question

我有以下组件：

const CompA = () => {
  const user = useSelector(state => state.user);
  // ... the rest

  return (
    <div>
      <CompB />
    </div>
  );
}

该组件使用user来自Reduxstore 的数据。而且我还有一个CompB组件，它是组件的子CompA组件，该组件也使用user来自Reduxstore 的数据。CompB获取数据有两种方式：

• props通过or从其父级获取数据context。
• Redux通过使用useSelector钩子（如其父级）直接从存储中获取数据。

我正在努力从这些方法中选择一种。哪个更好，为什么？谢谢你。

标签： javascriptreactjsreduxreact-reduxreact-hooks

Answer 1

如果<CompB />是转储组件，他不应该对环境和业务逻辑一无所知，最好的选择是使用props. 否则，使用useSelectorin <CompB />。