前端 组件之前通信

 

1、⽗组件向⼦组件传递数据(状态)时，是在调⽤⼦组件的时候通过参数传递给⼦组件，⼦组件通过this.props进⾏接收；

2、⼦组件如果更改⽗组件的⼀些属性，则是通过⽗组件定义的⽅法来传递给⼦组件，⼦组件调⽤更改

3、如果⽗组件想要更改⼦组件的⼀些状态时，通过ref进⾏标记，可以获取⼦组件的所有信息，从⽽调⽤⼦组件的⽅法和值；

4、兄弟组件之间通信

 a:  通过父组件的传递

 b: 多个组件层级比较多的情况下

    React提供了一种上下文方式（挺方便的），可以让子组件直接访问祖先的数据或函数，无需从祖先组件一层层地传递数据到子组件

   Const {Provider,Consumer}=react.creatContext()

  在父组件中声明childcontextType的对象，还要实例getchildContext方法，返回一个纯对象

  子组件中需要声明使用的使用的context属性，使用的时候就是const {a}=this.context;

    this.context.[callback] 这样就可以进行祖先与子组件间的沟通了

例子