React组件通信

在使用 React 中，经常需要组件间进行消息传递（通信），组件间通信大体有下面几种情况：

1.父子组件通信

父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自己状态的时候，子组件接收到的属性就会发生改变
父组件利用ref对子组件做标记，通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法…
注意：不论父组件传递的是state还是props,子组件都要用props接收

2.子父组件通信

父组件将自己的某个方法传递给子组件，在方法里可以做任意操作，比如可以更改状态，子组件通过this.props接收到父组件的方法后调用。
注意：自己的状态只能自己更改

3.非父子组件通信

通过ref链进行更改

4.夸组件通信

在react没有类似vue中的事件总线来解决这个问题，我们只能借助它们共同的父级组件来实现，将非父子关系装换成多维度的父子关系。react提供了context api来实现跨组件通信, React 16.3之后的contextapi较之前的好用