React Context Provider上下文使用总结（附代码）

含义及用处：

上下文：用于跨层级传递值

基本写法：

创建上下文：const demo = React.createContext()
获取 & 提供 （管道） 上下文：demo.Provider; // 注意这里没有()

Context API

1. Ctx=React.createContext()
2. Ctx.Provider
3. Class.contextType
   一般在Component 里声明为 static contextType=Ctx
4. Ctx.Consumer

Context 的使用：

1. 一个组件只能订阅一个context，并且是类组件，类组件使用contextType
2. 函数组件不可使用contextType，需要使用到consumer
3. Consumer可以用于类组件 和 func组件
   Consumer可以挂在 多个 context，但是contextType不行

多Context使用：

Page页：

Context：Context的需要一一对应，取别名

FuncComponent 页的使用：

---

Demo地址：https://github.com/CiciIvory/Context