React中组件通信方式

2022-12-15 17:52:42 浏览数 (2)

组件间的关系

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

通信方式

  • props:children props、render props
  • 消息订阅-发布:pub-sub
  • 集中式管理:redux
  • conText:生产者-消费者模式

搭配方式

  • 父子组件:props
  • 兄弟组件:消息订阅-发布,集中式管理
  • 祖孙组件:消息订阅-发布,集中式管理,conText(封装插件使用的多)

0 人点赞