学习笔记:React中组件间通信方式

56 阅读1分钟

组件间的关系

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

通信方式

  1. props:
    • children props
    • render props
  2. 消息订阅-发布:
    • pubs-sub
    • event
    • 更多其他方式
  3. 集中式管理:
    • redux
    • dva
    • 更多其他方式
  4. conText:生产者-消费者模式

推荐搭配方式

  • 父子组件: props
  • 兄弟组件: 消息订阅-发布、集中式管理
  • 祖孙组件: 消息订阅-发布、集中式管理、conText(业务开发中使用较少,一般用于封装插件)