Context

Context

方便隔代传递数据

//创建Context对象
const MyContext = React.createContext()

//子组件需要使用Provider包裹
<MyContext.Provider value={this.state.username}>
	<B/>
</MyContext.Provider>

//子代组件可以接受该内容
//第一种方法
//声明接收
static contextType=MyContext
<h2>{this.context}</h2>
//第二种方法,可以用于函数式组件
<Consumer>
  {
		value=>{
  		return `${value}`
		}  
	}
</Consumer>