React组件通信方式总结

几种通信方式

  1. props

​ 1）children props

​ 2）render props

  1. 消息的发布与订阅

    pubsub-js

  2. 集中式状态管理

    redux、recoil等等

  3. context

​ 生产者-消费者模式

组件间的关系

  1. 父子组件
  2. 兄弟组件（非嵌套组件）
  3. 祖孙组件（跨级组件）

比较好的搭配方式

父子组件：props

兄弟组件：消息的发布与订阅、集中式状态管理

祖孙组件：消息的发布与订阅、集中式状态管理、context（开发用的少，封装插件用的多）