多层组件进行嵌套时,使用props多次传递数据将会很繁琐,而用reactContext可以直接指定某一层组件拿到最上层传递过来的值;
1.调用reactContext的组件
import { Provider, Consumer } = React.creatContext()
2.使用<Provider> 组件 </Provider> 作为父节点
3.使用<Consumer> </Consumer> 包裹需要拿到数据的子节点:
<Consumer>
{ data => '渲染的组件' + data }
</Consumer>
data表示接受到的数据