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

本文完,感谢阅读🌹

相关推荐
和沐阳学逆向1 天前
我现在怎么用 CC Switch 管中转站,顺手拿 Codex 举个例子
开发语言·javascript·ecmascript
swipe1 天前
AI 应用里的 Memory,不是“保存聊天记录”,而是管理上下文预算
前端·llm·agent
慧一居士1 天前
nuxt3 项目和nuxt4 项目区别和对比
前端·vue.js
威联通安全存储1 天前
破除“重前端、轻底层”的数字幻象:如何夯实工业数据的物理底座
前端·python
inksci1 天前
Js生成安全随机数
前端·微信小程序
吴声子夜歌1 天前
TypeScript——泛型
前端·git·typescript
kgduu1 天前
js之客户端存储
javascript·数据库·oracle
四千岁1 天前
2026 最新版:WSL + Ubuntu 全栈开发环境,一篇搞定!
javascript·node.js
猩猩程序员1 天前
Pretext:一个绕过 DOM 的纯 JavaScript 排版引擎
前端
竹林8181 天前
从“连接失败”到丝滑登录:我用 ethers.js 连接 MetaMask 的完整踩坑实录
前端·javascript