SEMI DESIGN 源码学习(十)全局配置 & 多语言

ConfigProvider 为组件提供统一的全局化配置

ConfigProvider 组件为其他组件提供全局配置数据,源码位于 packages/semi-ui/configProvider/index.tsx

它返回一个 Context.Provider,通过传入的默认值,使得它的 children 能够获取全局状态

ConfigContext

ConfigContext 就是通过 React.createContext 创建的一个状态值,类型是 ContextValue

LocaleProvider 国际化组件,为组件提供多语言支持

源码位于 packages/semi-ui/locale/localeProvider.tsx,返回一个 LocaleContext.Provider

LocaleConsumer

获取 ConfigContextLocaleContext 语言状态,提供给子组件使用

LocaleContext

通过 React.createContext 创建的一个状态值,类型是 Locale

本文完,感谢阅读🌹

相关推荐
Front思7 分钟前
前端的.hbs
前端
我叫汪枫18 分钟前
在后台管理系统中,如何递归和选择保留的思路来过滤菜单
开发语言·javascript·node.js·ecmascript
_.Switch20 分钟前
东方财富股票数据JS逆向:secids字段和AES加密实战
开发语言·前端·javascript·网络·爬虫·python·ecmascript
软件技术NINI20 分钟前
webkit简介及工作流程
开发语言·前端·javascript·udp·ecmascript·webkit·yarn
Brendan_00121 分钟前
JavaScript的Stomp.over
开发语言·javascript·ecmascript
普通网友21 分钟前
ES6模块化、Promise、async、await、EventLoop、API接口案例_export function 与 await
前端·ecmascript·es6
念23421 分钟前
f5 shape分析
开发语言·javascript·ecmascript
難釋懷23 分钟前
Vue混入
前端·javascript·vue.js
苍穹之跃25 分钟前
某量JS逆向
开发语言·javascript·ecmascript