网站内容建设情况,东营网站建设运营公司,免费网站制作手机软件的app,东莞优化电话安装React Dev Tool Context对象.displayName 使用别名 不使用别名 React.createContext 创建指定的Context对象组件会找离自己最近的Provider#xff0c;获取其value变量名都叫value的情况#xff0c;就近取AContext变量名有所区分#xff0c;两个value都可以获取可以… 安装React Dev Tool Context对象.displayName 使用别名 不使用别名 React.createContext 创建指定的Context对象组件会找离自己最近的Provider获取其value变量名都叫value的情况就近取AContext变量名有所区分两个value都可以获取可以多组Consumer同时使用 Context.Provider Context.Provider是通过React.createContext创建出的上下文对象里的一个组件组件里可以插入其他组件其他组件订阅了这个Context通过Provider的value属性将数据传递给Consumer组件value变化插入Provider的组件都会重新渲染value新旧值的对比算法和Object.is相同 MDN相等性判断不用Context.Provider包裹则匹配不到Provider则使用默认值其他情况均不使用默认参数注意用Provider包裹但不提供value值/或提供undefined则子组件获取到的是undefined不会使用默认值 // 在对数学有要求的业务中如温度的判断0 -0应不同可区分 Object.is(-0, 0) // false Object.is(NaN, NaN) // trueContext.Consumer 订阅Context的变更Consumer内部使用函数作为子元素 → function as a child有一类组件内部使用函数作为子元素函数接收离Context最近的Provider提供的value没有Provider则取defaultValue contextType 正确写法static contextType CityContext赋值的一定是由React.createContext()创建出的Context对象static contextType对于contextType不赋值会报错static a普通属性不赋值则不会报错是静态属性用ES3的写法是Selector.contextType CityContext不管是否指定contextType this.context都存在只是{}和有内容的区别指定contextType即给当前环境下的Context重新指定引用this.context → CityContext在生命周期函数和render函数中都可以访问Provider、Consumer组件比contextType 语义化更好