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 小时前
Element Plus 源码级深度定制:不 Fork、不改包,用 Vite 插件实现组件行为运行时改造
前端
BigTopOne2 小时前
KOOM 学习计划
前端
自进化Agent智能体2 小时前
Hermes 技能系统详解——安装、使用与浏览
前端
JieE2122 小时前
前端不等人:用 Mock 接口工程让 React 应用独立起飞
前端·react.js·面试
用户355856959022 小时前
HTTPS到底会不会拖慢网站速度?TLS握手原理与性能优化实战
前端
王林不想说话2 小时前
React + Ant Design 后台项目:63 个业务组件的分层实践
react.js·typescript·ant design
xywww1682 小时前
真实后台页实测:Opus 5 看图写前端的可用边界在哪
linux·服务器·前端·数据库·人工智能·gpt
小小尚@3 小时前
AE脚本-AE Actions v1.1.8 操作动作记录器
开发语言·前端·javascript·jupyter·postman
大家的林语冰3 小时前
👍 超越 ESLint,Oxc 优先采用 TypeScript 7,Rust 和 Go 梦幻联动!
前端·javascript·typescript
不好听6134 小时前
React 记忆化三兄弟:memo、useMemo、useCallback 到底在缓存什么
react.js