likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 58

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

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

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

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

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

ConfigContext

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

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

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

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

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

LocaleConsumer

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

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

LocaleContext

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

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

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

本文完,感谢阅读🌹

转载自:https://juejin.cn/post/7287144182966222902
评论
请登录