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

Question

我有以下内容：

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

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

此组件使用user存储中的Redux数据。我还有一个CompB组件，它是CompA组件的子组件，该组件也使用user存储中的Redux数据。 CompB有两种获取数据的方式：

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

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

Answer 1

如果<CompB />是转储组件，并且他不应该对环境和业务逻辑一无所知，那么最好的选择就是使用props。否则，请在useSelector中使用<CompB />。