博客

react组件之间通讯方式：

1、父组件向子组件通讯:父组件可以向子组件传入props的方式，向子组件进行通讯。
2、子组件向父组件通讯:props+回调的方式，父组件向子组
件传递props进行通讯，此props为作用域为父组件自身的函
数，子组件调用该函数，将子组件想要传递的信息，作为参
数，传递到⽗组件的作⽤域中。
3、兄弟组件通信:找到这两个兄弟节点共同的⽗节点,结合上
⾯两种⽅式由⽗节点转发信息进⾏通信。
4、跨层级通讯:Context 设计⽬的是为了共享那些对于⼀个
组件树⽽⾔是“全局”的数据，例如当前认证的⽤户、主题
或⾸选语⾔,对于跨越多层的全局数据通过 Context 通信再
适合不过。
5、发布订阅者模式:发布者发布事件，订阅者监听事件并做出
反应,我们可以通过引⼊event模块进⾏通信。
6、全局状态管理工具:借助Redux或者Mobx等全局状态管理
⼯具进⾏通信,这种⼯具会维护⼀个全局状态中⼼Store,并根
据不同的事件产⽣新的状态。