组件关系

组件关系一共有三种

  • 父子组件
  • 兄弟组件
  • 跨级组件

通信方法汇总

props

  1. 父组件直接向子组件传递 props,这是最简单的一个。
  2. 通过父组件向子组件传递一个回调函数,在子组件上调用从而达到 从子组件向父组件传递东西的办法。
  3. Children props 其实就是第一种
  4. render props 其实就是第二种的一种特殊情况

    消息订阅与发布

    pubs-sub、event等等
    我们主要是用 pubs-sub,使用详情我也写过笔记

    集中式管理

    也就是我们的 redux 。

    context

    生产者和消费者模式

    推荐的使用方式

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