在子组件、钩子或redux中更新数据的更好方式是什么？

Question

我是JS的新手。我想知道哪种方式更适合用于更新儿童组件中的数据。用钩子还是重钩更好？假设我有一个带有3个子组件的父组件。

<Parent> 
  <ChildA/>
  <ChildB/>
  <ChildC/>
</Parent>

我需要更新ChildA和ChildB中的一些内容，并将其传递给ChildC

做这件事最好的方法是什么？

我要用这样的钩子吗？

[childAValue, setChildAValue] = useState([])
[childBValue, setChildBValue] = useState([])

  <ChildA onChildChanged={(e) => {
    setChildAValue(e)
    }}
  />
  <ChildB onChildChanged={(e) => {
    setChildBValue(e)
    }}
  />
  <ChildC childAValue={childAValue} setChildBValue={setChildBValue} />

还是使用redux更好？因为通过使用钩子，如果有3-4个组件或者更多的组件，我可能会有很多重新复制。但是另一方面，如果我将Redux用于每一个可能的组件，那么Redux就会超载，您更喜欢哪种方式，为什么呢？当您需要将值从modals传递到/s时，此问题也会被修改为modals。

Answer 1

在这里，您有多个子组件，您需要传递函数以在所有组件中更改它们，这里可以使用redux，它将消除传递给每个组件的道具的麻烦。Redux是行业标准，正在大型web项目中使用，您需要管理全局状态，以便在所有组件/模块(例如，身份验证状态)中显示和访问，因为您的问题只是简单地传递，因为道具也可以工作，因此不需要进一步复杂化。