reactjs - react : is accessing the state of children an anti-pattern?

Question

我有一个组件需要在某个时刻读取属于其子组件的状态变量。
这个特定的状态变量是否应该移动到父级，并通过回调进行更改？

据我所知，其中一些可能是错误的，这些是将状态转移到父级的优点和缺点:

优点:这似乎更符合 React 的单向数据流原则。

缺点:父级的其他子级将在状态更改时重新渲染(不是在真实的 DOM 中，但它仍然可能会对性能产生影响)。

这里的最佳实践是什么？

Answer 1

数据流的最佳实践是:

• 从 parent 到 child :通过 props
• 从子级到父级:通过处理程序
• 从不相关的组件到另一个组件:通过消息总线

例如

<Child onEvent={this.handleEvent}>

父级有:

handleEvent: function(dataFromChild) {

}