1、创建context对象
const UserContext = React.createContext({
name:'章三'
})
2、使用UserContext.Provider包含要使用数据的组件
<UserContext.Provider value={this.state}>
<Footer />
</UserContext.Provider>
3、给类组件的context赋值
class FooterDemo extends Component {
constructor(props){
super()
// 3、给类组件的context赋值
FooterDemo.contextType = UserContext
}
render(){
let {username,code} = this.context
return(
<h1>name:{username} code:{code}</h1>
)
}
}