# 越级传值 - Context API
# 基本用法
# 创建上下文
let themeContext = React.createContext({});Copied!
1
# Provider
<themeContext.Provider value={this.state.theme}> <ToolBar /> </themeContext.Provider>Copied!
1
2
3
2
3
# Consumer
<themeContext.Consumer> {value => <div className={`bordered ${value}`}>{value}</div>} </themeContext.Consumer>Copied!
1
2
3
2
3