[JavaScript知识库]React组件通信方式

? ? ? ?前言：组件通信就是一个组件把自己的数据传递给另一个组件。

1.组件间的关系

? ? ? ? 1）父子组件

? ? ? ? 2）兄弟组件（非嵌套组件）

? ? ? ? 3）祖孙组件? (跨级组件)

2.通信方式

? ? ? ? 1）props

? ? ? ? 2）消息订阅发布模式：pubs-sub, event

? ? ? ? 3)集中式状态管理： redux

? ? ? ? 4)生产者-消费者模式： conText

3.具体使用场景

? ? ? ? 1）父子组件通信： props

? ? ? ? ? ? ? ? 父传子，子组件通过props直接接受。子传父，父组件定义一个函数，把函数传给子组件，子组件在一定时机触发这个函数，把要传递的数据以函数参数的形式传递过去。

? ? ? ? 2）兄弟组件通信：消息订阅与发布、集中式状态管理

? ? ? ? 3）祖孙组件通信：消息订阅与发布、集中式状态管理、conText(一般用于封装插件)

????????