Ant Design React 國(guó)際化

2023-09-26 15:32 更新

antd 目前的默認(rèn)文案是英文,如果需要使用其他語(yǔ)言,可以參考下面的方案。

ConfigProvider

antd 提供了一個(gè) React 組件 ConfigProvider 用于全局配置國(guó)際化文案。

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

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

詳細(xì)配置見(jiàn):ConfigProvider

注意:zh_CN 是文件名,以下表格也遵循同樣的規(guī)則。

目前支持以下語(yǔ)言:

語(yǔ)言文件名
阿拉伯語(yǔ)ar_EG
保加利亞語(yǔ)bg_BG
加泰羅尼亞語(yǔ)ca_ES
捷克語(yǔ)cs_CZ
德語(yǔ)de_DE
希臘語(yǔ)el_GR
英語(yǔ)en_GB
英語(yǔ)(美式)en_US
西班牙語(yǔ)es_ES
愛(ài)沙尼亞語(yǔ)et_EE
波斯語(yǔ)fa_IR
芬蘭語(yǔ)fi_FI
法語(yǔ)(比利時(shí))fr_BE
法語(yǔ)fr_FR
希伯來(lái)語(yǔ)he_IL
印地語(yǔ)hi_IN
克羅地亞語(yǔ)hr_HR
匈牙利語(yǔ)hu_HU
亞美尼亞hy_AM
冰島語(yǔ)is_IS
印度尼西亞語(yǔ)id_ID
意大利語(yǔ)it_IT
日語(yǔ)ja_JP
卡納達(dá)語(yǔ)kn_IN
韓語(yǔ)/朝鮮語(yǔ)ko_KR
拉脫維亞語(yǔ)lv_LV
馬其頓語(yǔ)mk_MK
挪威語(yǔ)nb_NO
尼泊爾語(yǔ)ne_NP
荷蘭語(yǔ)(比利時(shí))nl_BE
荷蘭語(yǔ)nl_NL
波蘭語(yǔ)pl_PL
葡萄牙語(yǔ)(巴西)pt_BR
葡萄牙語(yǔ)pt_PT
羅馬尼亞語(yǔ)ro_RO
俄羅斯語(yǔ)ru_RU
斯洛伐克語(yǔ)sk_SK
塞爾維亞語(yǔ)sr_RS
斯洛文尼亞語(yǔ)sl_SI
瑞典語(yǔ)sv_SE
泰米爾語(yǔ)ta_IN
泰語(yǔ)th_TH
土耳其語(yǔ)tr_TR
烏克蘭語(yǔ)uk_UA
越南語(yǔ)vi_VN
簡(jiǎn)體中文zh_CN
繁體中文zh_TW

具體的使用方法和新語(yǔ)言包貢獻(xiàn)方式請(qǐng)參考 ConfigProvider 文檔。

i18n 項(xiàng)目示例

你可以參考 Ant Design Pro 國(guó)際化文檔查看完整的國(guó)際化項(xiàng)目示例。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)