React 组件通信方式总结

2022/01/14 posted in  组件通信
Tags:  #React

组件间的关系

  • 父子组件
  • 兄弟组件
  • 祖孙组件(跨级组件)

几种通信方式

  1. props
    1. children props
    2. render props
  2. 消息订阅-发布
    pubs-sub、event 等
  3. 集中式管理
    redux、dva 等
  4. context
    生产者-消费者模式

比较好的搭配方式

父子组件:props
兄弟组件:消息订阅-发布、集中式管理
祖孙组件(跨级组件):消息订阅-发布、集中式管理、context(开发用的少,封装插件用的多)