codecamp

Ant Design React 国际化

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

ConfigProvider

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

import zhCN from 'antd/es/locale/zh_CN';

return (
  <ConfigProvider locale={zhCN}>
    <App />
  </ConfigProvider>
);

详细配置见:ConfigProvider

注意: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
亚美尼亚hy_AM
冰岛语is_IS
印度尼西亚语id_ID
意大利语it_IT
日语ja_JP
卡纳达语kn_IN
韩语/朝鲜语ko_KR
拉脱维亚语lv_LV
马其顿语mk_MK
挪威语nb_NO
尼泊尔语ne_NP
荷兰语(比利时)nl_BE
荷兰语nl_NL
波兰语pl_PL
葡萄牙语(巴西)pt_BR
葡萄牙语pt_PT
罗马尼亚语ro_RO
俄罗斯语ru_RU
斯洛伐克语sk_SK
塞尔维亚语sr_RS
斯洛文尼亚语sl_SI
瑞典语sv_SE
泰米尔语ta_IN
泰语th_TH
土耳其语tr_TR
乌克兰语uk_UA
越南语vi_VN
简体中文zh_CN
繁体中文zh_TW

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

i18n 项目示例

你可以参考 Ant Design Pro 国际化文档查看完整的国际化项目示例。


Ant Design React 社区精选组件
Ant Design React 样式兼容
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Ant Design React 组件

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }