React组件通信

1.父子通信

父 -> 子 props
子 -> 父 回调函数,父组件通过props向子组件传递一个函数,子组件调用函数,父组件在回调函数中用setState改变自身状态

2.跨层级通信

1. 层层传递props

2. 使用React context

3. 使用共同父组件,修改其状态,来两边通信

4. 使用Event bus,就是一个全局的发布订阅工具,在componentDidMount中订阅事件,在componentWillUnmount中取消事件订阅

5. 使用redux,mobx等第三方状态库

原文地址:https://www.cnblogs.com/mengff/p/9518128.html