react组件通讯

react组件通讯，主要分为如下几种状况

1、父子组件，父传子props，子传父callback

1. 向下传递

父组件给子组件传值，经过props传递

父组件给孙子组件、曾孙等有直接或间接调用关系的组件传值，也能够经过props层层传递下去，可是这样层级太多之后会找不到props的数据源。

2. 向上传递

子组件向父组件传值，经过回调函数的方式，父组件先经过props传递给子组件一个函数，子组件调用这个函数，本质仍是经过props传递。

孙子、曾孙组件向上传递，同上层层调用。

2、没有嵌套关系的组件通讯

1. 找一个共同的父组件，做为中间组件来进行值传递
2. Event发布-订阅模式

整个项目建立一个公共的Event对象，这个对象的属性以及方法能够被全局调用。

3、 redux、Mobx等全局状态管理库

4、 react16全新context API

经过context咱们能够直接从祖先组件获取值，而不须要层层传递。

新的contextAPI与redux的用法相似。