react的context状态树怎么使用

首先第一步 我们要从react包中导出 createContext来创建一个context实例对象 

这个context实例对象可以设置默认值 设置后如果在父组件不包裹provider组件的情况下会返回默认值

然后我们从实例对象中导出Provider和Consumer两个组件并且把实例对象Mycontext一起导出去

 在父组件的位置通过Provider包裹 并且Provider有一个value属性值 这个值就是我们要进行共享的值 如果没有这个包裹 则会显示默认值

 然后父组件中再去嵌套子组件

context在类组件中的使用：

首先我们引入context创建的实例对象 然后在类组件中有一个静态属性是 static contextType  让他等于我们的实例对象 然后在类组件的内部 直接通过 this.context.值 就可以使用了

 context函数组件：

我们把Consumer组件导入到函数组件中 然后我们想要在那个位置使用context的值我们就在那块用Consumer组件包裹 然后在内部通过一个箭头函数返回一个jsx即可