web前端全系列 教程
1839个小节阅读:2243.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
antd
目前的默认文案是英文,如果需要使用其他语言,需要单独配置
antd 提供了一个 React 组件 ConfigProvider
为组件提供统一的全局化配置
ConfigProvider
用于全局配置国际化文案
ConfigProvider
使用 React 的 context
特性,只需在应用外围包裹一次即可全局生效
温馨提示
zh_CN
是文件名,以下表格也遵循同样的规则
ximport React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import zhCN from 'antd/locale/zh_CN';
import { ConfigProvider } from "antd"
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<ConfigProvider locale={ zhCN }>
<App />
</ConfigProvider>
</React.StrictMode>
);
语言 | 文件名 | 语言 | 文件名 |
---|---|---|---|
阿拉伯语 | ar_EG | 阿塞拜疆语 | az_AZ |
保加利亚语 | bg_BG | 德语 | de_DE |
孟加拉语(孟加拉国) | bn_BD | 希腊语 | el_GR |
白俄罗斯语 | by_BY | 英语 | en_GB |
加泰罗尼亚语 | ca_ES | 英语(美式) | en_US |
捷克语 | cs_CZ | 西班牙语 | es_ES |
丹麦语 | da_DK | 巴斯克语 | eu_ES |
简体中文 | zh_CN | 繁体中文(中国台湾) | zh_TW |
繁体中文(中国香港) | zh_HK | 缅甸语 | my_MM |
完整列表参考
实时效果反馈
1. 在React Antd
中使用下列哪个属性来做国际化配置:
A config
B ConfigProvider
的locale
C ConfigProvider
的language
D configProvider
的locale
答案
1=>B