react 组件通信方式总结

组件通信方式总结

组件间的关系

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

几种通信方式

1.props:

(1).children props

(2).render props

2.消息订阅-发布:

pubs-sub、event 等等

3.集中式管理:

redux、dva 等等

4.conText:

生产者-消费者模式

比较好的搭配方式

父子组件:props

兄弟组件:消息订阅-发布、集中式管理

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


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!