4、react 组件通信

组件间通信

1、父子组件通信

• 就是通过 props 属性传递，在父组件给子组件设置 props，然后子组件就可以通过 props 访问到父组件的数据／方法，这样就搭建起了父子组件间通信的桥梁。
• 父组件访问子组件用 refs

2、非父子组件通信

• 使用全局事件 Pub/Sub 模式，在 componentDidMount 里面订阅事件，在 componentWillUnmount 里面取消订阅，当收到事件触发的时候调用 setState 更新 UI。

这种模式在复杂的系统里面可能会变得难以维护。
一般来说，对于比较复杂的应用，推荐使用类似 Flux 这种单项数据流架构。