React-组件通讯方式总结

42 阅读1分钟

件通信方式总结

组件间的关系:

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

几种通信方式:

  1. props

    • children props
    • render props
  2. 消息订阅-发布:

    • pubs-subevent 等等
  3. 集中式管理:

    • reduxdva 等等
  4. conText:

    • 生产者-消费者模式

比较好的搭配方式:

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