react context 更新（React 上下文）
导读：在React中上下文是一种通信方案。...
在React中上下文是一种通信方案 。
上下文的特点
在组件树中 ，是一种自上而下的单向数据流通信方案 ，数据只能从父组件注入 ，在子组件中访问 。 组件关系只要满足“父组件-后代组件 ”这种关系时 ，都可以使用上下文通信 。 在父组件中provide提供数据 ，在后代组件中注入并使用 ，这种通信不具有响应式 ，有点像vue中的provide/inject通信 。如何使用上下文
使用const{Provider,Consumer} = Raact.createContext()="_blank">创建上下文 。
使用<Provider value={}></Provider>向组件树中提供数据 。
在后代组件中使用<Consumer>{(context)=>(jsx/)}</Consumer>访问上下文数据 。
如果后代组件是类组件 ，可以使用Page.contextType = ThemeContext访问上下文数据 。使用上下文穿透和上下文通信的区别
props穿透必须清楚组件之间的关系 ，上下文只要满足“父组件-后代组件 ”关系 。 props适合父子关系明显的组件通信 ，上下文关系适合父子关系不明确的组件通信 。 props穿透会导致后代组件的props变得臃肿 ，上下文通信更加直接方便 。上下文通信在那些场景遇到
路由中会用到上下文通信 状态管理中 组件库中 ，切换主题色 ，切换组件大小等 国际化中使用上下文封装拾色器
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！