Globalization
antd-plus 国际化基于AntDesign国际化规则,目前的默认文案是英文(部分组件还未迁移完成),如果需要使用其他语言,可以参考下面的方案。
ConfigProvider#
antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。
在项目中如果同时使用 antd-plus 与 antd ,配置国际化时需要将其语言文件进行合并。
import zhCN_antd from 'antd/es/locale/zh_CN';
import zhCN_antdPlus from '@alitajs/antd-plus/es/locale/zh_CN';
const locale = {...zhCN_antd, ...zhCN_antdPlus }
return (
<ConfigProvider locale={locale}>
<App />
</ConfigProvider>
);详细配置见:ConfigProvider。
注意:zh_CN 是文件名,以下表格也遵循同样的规则。
目前支持以下语言:
| 语言 | 文件名 |
|---|---|
| 英语(美式) | en_US |
| 简体中文 | zh_CN |
具体的使用方法和新语言包贡献方式请参考 ConfigProvider 文档。
Ant Design Pro#
pro 通过 umi 插件 umi-plugin-locale 来实现全球化的功能,目前在pro中引入 antd-plus 还暂不支持 umi-plugin-locale 的插件配置。
i18n 项目示例#
你可以参考 Ant Design Pro 国际化文档查看完整的国际化项目示例。