REACT.JS 通过组件传递状态答案

【问题标题】：REACT.JS Passing a State through ComponentsREACT.JS 通过组件传递状态
【发布时间】：2019-10-10 10:50:12
【问题描述】：

我应该从组件“TaskItem”更新组件“TimeDisplay”中的状态（您可以看到组件层次结构如下。我该如何实现它？

【问题讨论】：

docs - '提升状态'并将值作为道具向下传递，对于更复杂的情况使用上下文 api
所以状态应该在顶部组件中声明，在您的示例中为Panel。您应该使用道具将状态值传播到TimeDisplay 并将handler 传递给TaskItem 以便能够触发状态更改。如果这是您应用中的常见场景，应考虑使用 redux

【解决方案1】：

您真的应该考虑使用 Redux 进行全局状态管理。它有一点学习曲线，但对于这种确切的用法，它是 100% 值得的。另一种方法是让您的状态位于最顶层的组件（面板），您可以将您需要的任何状态作为道具传递给所有子组件。

【讨论】：