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

本文完,感谢阅读🌹

相关推荐
jayson.h4 小时前
PDF 合并+添加页码 相关库、类、函数
开发语言·前端·python
慧一居士6 小时前
Sass和Less功能、使用场景、用法对比
前端·css·less·sass
leoZ2316 小时前
AI+前端提效-09 AI赋能前端测试:单元测试、E2E测试自动生成,提升覆盖率
前端·人工智能·opencv·目标检测·数据挖掘·单元测试·语音识别
计算机魔术师6 小时前
OpenAI 评定 Astra 达到网络安全 Critical 能力阈值,将受限发布
前端
JavaGuide6 小时前
SpaceX 工程师的 AI Coding 玩法太牛了, 200 多个 Agent 并行!
前端·后端
小猪code6 小时前
frp 80/443 Web 服务两种部署模式实操笔记
前端·笔记
JamesZhang800786 小时前
Chrome相关知识点
前端
jayson.h6 小时前
python——pdf编辑
前端·python·pdf
顶级自由人7 小时前
本地正常、线上正常,为什么一个 Hook 仍会报错?
前端·javascript·程序员
Android小行家7 小时前
Android APK 加固原理(五):SO `.text` 段加密、ELF 加载与运行时动态解密
前端