国际化

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

LocaleProvider#

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

import enUS from 'antd/lib/locale-provider/en_US';

return (
  <LocaleProvider locale={enUS}>
    <App />
  </LocaleProvider>
);

注意:en_US 是文件名,以下表格也遵循同样的规则。

目前支持以下语言:

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

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

i18n 项目示例#

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