组件通信的方式有哪些

类别：react / 日期：2023-01-06 / 浏览：264 / 评论：0

⽗组件向⼦组件通讯: ⽗组件可以向⼦组件通过传 props 的⽅式， 向⼦组件进⾏通讯

⼦组件向⽗组件通讯: props+回调的⽅式，⽗组件向⼦组件传递 props 进⾏通讯，此 props 为作⽤域为⽗组件⾃身的函 数，⼦组件 调⽤该函数，将⼦组件想要传递的信息，作为参数，传递到⽗组件的 作⽤域中

兄弟组件通信: 找到这两个兄弟节点共同的⽗节点,结合上⾯两种⽅ 式由⽗节点转发信息进⾏通信

跨层级通信: Context 设计⽬的是为了共享那些对于⼀个组件树⽽ ⾔是“全局”的数据，例如当前认证的⽤户、主题或⾸选语⾔，对于 跨越多层的全局数据通过 Context 通信再适合不过

发布订阅模式: 发布者发布事件，订阅者监听事件并做出反应,我们 可以通过引⼊event 模块进⾏通信

全局状态管理⼯具: 借助 Redux 或者 Mobx 等全局状态管理⼯具进⾏ 通信,这种⼯具会维护⼀个全局状态中⼼Store,并根据不同的事件产 ⽣新的状态