react组件通信如何实现?

react组件之间通讯方式:

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

你可能感兴趣的:(React,react.js,前端,javascript)