App组件如果要传递数据给 child 组件,有两种方式:
- 使用 props 一层一层组件向下传递
- 使用 Context 跨组件传递数据(比如:主题、语言等)
显然! 使用 Context 更加便利
使用步骤:
- 调用 React.createContext() 创建 Provider (提供数据)和 Consumer (消费数据)两个组件。
const {
Provider, Consumer} = React.createContext()
- 使用 Provider 组件作为父节点。
<Provider>
<div className="App">
<Child1 />
</div>
<