Ant Design of React—第七节

来源：互联网发布：网络安全法个人信息编辑：程序博客网时间：2024/05/29 06:27

国际化

LocaleProvider
i18n 项目示例

antd 目前的默认文案是英文，如果需要使用其他语言，可以参考下面的方案。

LocaleProvider#

antd 提供了一个 React 组件 LocaleProvider 用于全局配置国际化文案。

import zhCN from 'antd/lib/locale-provider/zh_CN';return (  <LocaleProvider locale={zhCN}>    <App />  </LocaleProvider>);

注意：zh_CN 是文件名，以下表格也遵循同样的规则。

目前支持以下语言：

语言文件名阿拉伯ar_EG保加利亚语bg_BG加泰罗尼亚语ca_ES捷克语cs_CZ德语de_DE希腊语el_GR英语en_GB英语（美式）en_US西班牙语es_ES爱沙尼亚语et_EE波斯语fa_IR芬兰语fi_FI法语（比利时）fr_BE法语fr_FR冰岛语is_IS意大利语it_IT日语ja_JP韩语/朝鲜语ko_KR挪威nb_NO荷兰语（比利时）nl_BE荷兰语nl_NL波兰语pl_PL葡萄牙语(巴西)pt_BR葡萄牙语pt_PT斯洛伐克语sk_SK塞尔维亚sr_RS瑞典语sv_SE泰语th_TH土耳其语tr_TR俄罗斯语ru_RU乌克兰语uk_UA越南语vi_VN简体中文zh_CN繁体中文zh_TW

具体的使用方法和新语言包贡献方式请参考 LocaleProvider 文档。

i18n 项目示例#

我们还提供了一个使用了 react-intl 和 LocaleProvider 的完整的国际化项目示例：ant-design/intl-example，欢迎参考使用。

阅读全文

'); })();