|
|
@ -7,4 +7,10 @@ |
|
|
|
const MyContext = React.createContext(defaultValue) |
|
|
|
const MyContext = React.createContext(defaultValue) |
|
|
|
``` |
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
createContext 会创建一个 Context 对象,订阅了这个 Context 会在组件树中查找离自己最近的 Provider 中读取到 Context 值,只有在找不到 |
|
|
|
createContext 会创建一个 Context 对象,每个 Context 对象都会返回一个 Provieder 组件,它的子组件会订阅 Context 的变化 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```javascript |
|
|
|
|
|
|
|
<MyContext.Provider value={value} /> |
|
|
|
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
订阅了这个 Context 的组件会在组件树中查找离自己最近的 Provider 中读取到 Context 值,只有在找不到 Provider 时,defaultValue 参数才会生效,但是将 underfined 传递给 Provider 的时候,defaultValue 并不会生效 |