其他 · LocaleProvider
多语言
国际化组件,为 Semi 组件提供多语言支持

目前支持语言

最低支持版本语言
v0.0.1简体中文: zh_CN
v0.7.0英语: en_GB、日语: ja_JP、韩语: ko_KR
v1.8.0阿拉伯语: ar
v1.11.0越南语: vi_VN、俄罗斯语: ru_RU、印尼语: id_ID、马来语: ms_MY、泰语: th_TH、土耳其语: tr_TR
v1.17.0葡萄牙语(巴西): pt_BR
v1.28.0繁体中文: zh_TW
v2.2.0西班牙语: es
v2.15.0意大利语: it、法语:fr、德语:de
v2.21.0罗马尼亚语: ro

已支持组件

DatePicker、TimePicker、Modal、Pagination、Select、Table、Cascader、Calendar、TreeSelect、List、Typography、Transfer、Nav、Upload

使用

LocaleProvider 使用了 React 的 context 上下文特性,你只需要在应用外围包裹一次即可全局生效
当需要切换语言时,直接切换 props 传入的 locale 即可

代码示例

国际化

自定义国际化组件

当你的自定义组件,也希望消费 Semi LocaleProvider Context 中的 localeCode 或者读取具体某个组件的 i18n 文本 localeData时,你可以使用 LocaleConsumer 进行获取;

支持多语言的组件

示例给出了目前所有支持多语言的组件
当你的网站有RTL适配需求时,推荐直接使用ConfigProvider,除了可配置locale外,还可以直接同时配置direction='rtl'/'ltr'
若无RTL适配需求,直接使用LocaleProvider即可