• 国际化
    • LocaleProvider
    • i18n 项目示例

    国际化

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

    LocaleProvider

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

    1. import zhCN from 'antd/lib/locale-provider/zh_CN';
    2. return (
    3. <LocaleProvider locale={zhCN}>
    4. <App />
    5. </LocaleProvider>
    6. );

    详细配置见: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
    希伯来语he_IL
    印地语hi_IN
    克罗地亚语hr_HR
    匈牙利hu_HU
    冰岛语is_IS
    印度尼西亚语id_ID
    意大利语it_IT
    日语ja_JP
    卡纳达语kn_IN
    韩语/朝鲜语ko_KR
    挪威nb_NO
    尼泊尔语ne_NP
    荷兰语(比利时)nl_BE
    荷兰语nl_NL
    波兰语pl_PL
    葡萄牙语(巴西)pt_BR
    葡萄牙语pt_PT
    斯洛伐克语sk_SK
    塞尔维亚sr_RS
    斯洛文尼亚sl_SI
    瑞典语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,欢迎参考使用。