React Context
React Context
创建外部context文件
通过React.createContext创建全局的GlobalContext(来创建一个context)
![](https://app.yinxiang.com/shard/s24/res/d508bc35-0f88-4516-9249-cf1c6f6a11af.png?search=react)
引用外部context文件
在根组件中通过GlobalContext.Provider创建一个全局的生成者
GlobalContext.Provide中有一个属性value 用来定义子组件所需要用到的状态值
![](https://app.yinxiang.com/shard/s24/res/abb855af-54f5-4876-a870-b8147542a1d1.png?search=react)
在子组件引用外部context文件,并在子组件中通过GlobalContext.Consumer来创建消费者。GlobalContext.Consumer内部必须通过一个函数来接收生产者的状态
这个函数必须返回一个jsx语法
![](https://app.yinxiang.com/shard/s24/res/5ccdd281-e659-46d1-a959-686bda16032c.png?search=react)