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
获取 ConfigContext
和 LocaleContext
语言状态,提供给子组件使用

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


本文完,感谢阅读🌹