From 9ec1009f11d6124715ef54a300292a737bdfbf63 Mon Sep 17 00:00:00 2001 From: YuJian Date: Tue, 29 Mar 2022 16:09:34 +0800 Subject: [PATCH] vault backup: 2022-03-29 16:09:34 --- 随时随地/简单的 React 思考 - Context.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/随时随地/简单的 React 思考 - Context.md b/随时随地/简单的 React 思考 - Context.md index 447bbd8..3d3431c 100644 --- a/随时随地/简单的 React 思考 - Context.md +++ b/随时随地/简单的 React 思考 - Context.md @@ -15,4 +15,8 @@ createContext 会创建一个 Context 对象，每个 Context 对象都会返回 订阅了 Context 的组件会在组件树中查找离自己最近的 Provider 中读取到 Context 值也就是 Provider 中的 value 属性，只有在找不到 Provider 时，createContext 中的 defaultValue 参数才会生效，但是将 underfined 传递给 Provider 的时候，defaultValue 并不会生效。 多个 Provider 可以嵌套使用，里层的会覆盖外层的数据。 -当 Provider 中的 value 值发生变化时，它内部的所有消费组件也就是子组件都会重新渲染，这个用于判断值是否发生变化的方法和 Object.is 使用了同样的算法， 也就是说如果 value 是一个引用类型，可能会导致一些意外的问题 \ No newline at end of file +当 Provider 中的 value 值发生变化时，它内部的所有消费组件也就是子组件都会重新渲染，这个用于判断值是否发生变化的方法和 Object.is 使用了同样的算法， 也就是说如果 value 是一个引用类型，可能会导致一些意外的问题 +在 Hook 之前，在 React Class 组件中使用和消费 Context 的值可以使用 contextType 和 Consumer。 +```javascript +class MyClass extenet +``` \ No newline at end of file