【Antd】如何将组件设置为中文

2 篇文章 0 订阅
订阅专栏

这个问题还是很常见的,像我正常的安装antd:

yarn add antd

 使用的时候发现不对,怎么是英文的?

要转换成中文的也很简单,只需要两步:

1、引入zh_CN

import zh_CN from 'antd/lib/locale-provider/zh_CN';

 2、用ConfigProvider包起来

import Table from './Table';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import {ConfigProvider} from 'antd';
import 'antd/dist/antd.css';
function App() {
  return (
    <div style={{padding: 100}}>
      <ConfigProvider locale={zh_CN}>
         <Table />
      </ConfigProvider>
    </div>
  );
}

export default App;

然后,效果就出来了,如图:

平时用antd组件比较少,团队内部封装了一套组件(基于antd) ,所以有些坑平时也没有注意到。不过,写demo嘛,当然还是用🐜呀!

antd pro 日期组件英文问题
https://shixuebin.gitee.io/hexo-blog/
04-06 570
这个问题的原因是moment.js配置的是英文而导致的,修复的方式也很简单,哪个文件用了日期时间组件,就在哪个组件中导入,moment.js的中文包即可(切记不是在app.tsx中导入,否则不生效)
antd 时间选择器,设置显示为中文
qq_41148886的博客
11-18 7302
使用antd框架时,一些默认提示为英文,将英文提示改为中文,以DatePicker为例 可以使用 import { Tooltip , Button, Icon, Table, Select, DatePicker, LocaleProvider } from 'antd'; import zh_CN from 'antd/lib/locale-provider/zh_CN'; import ...
antd-DatePicker组件获取时间值,及相关设置方式
01-21
DatePicker组件默认语言是英语,需要设置中文的话,需要安装moment。 import moment from “moment”; import “moment/locale/zh-cn” format属性,设置日期的格式,如“2020-02-28”。 设置日期 选择日期是今天之前【包含今天】 需要和moment搭配应用 // 设置默认的起始日期 const disabledDate = (current) => { console.log(current) return current > moment().startOf('day');
antd组件配置中文
weixin_46379270的博客
07-15 1690
antd组件语言改成中文
Antd之如何设置组件中文
Welkin_qing的博客
01-22 6990
文章目录一、antd组件引用默认为英文二、设置中文1. 引入ConfigProvider,zh_CN2. 对需要设置中文组件进行包裹 一、antd组件引用默认为英文 比如说我这边引用了一个range 时间选择器,显示结果如下所示: 二、设置中文 1. 引入ConfigProvider,zh_CN import { ConfigProvider } from 'antd'; import zh_CN from 'antd/lib/locale-provider/zh_CN'; import 'mom
将引入antd组件默认语言改为中文
2201_75976160的博客
02-16 1873
将引入antd组件默认语言改为中文
antd组件的英文切换为中文
simple_T的博客
01-17 872
antd组件的英文切换为中文
antd picker组件 全国省市县数据
09-18
最新的全国省市县数据 数据格式[{ "label": "北京市", "value": "110000", "children": [{ "label": "北京市", "value": "110100", "children": [{ "label": "东城区", "value": "110101", ...}]
antd 设置表头属性_React —— antd Table组件的使用
weixin_39880666的博客
12-21 3192
今天刚刚运用antd做了个分页,根据官网上的指导和一些自己的摸索,将其完成,有些代码编写的还是比较繁琐,没有做简化。antd官网讲的还是比较详细的,有案例,本例在其基础上扩展了一下功能,现将其按照例子的方式记录下来,以供以后参考。先将显示出来的效果放出来(注:本次案例是点击一次页码请求一页数据):编码过程大体需要以下几步:1.初始化必要属性,如数据 data,数据条数 count;2.设置tabl...
Ant Design for React的DatePicker日期组件设置默认显示中文的方法
07-23
今天,我们将学习如何设置 Ant Design for React 的 DatePicker 日期组件的默认语言为中文。 首先,我们需要了解 Ant Design for React 的 DatePicker 日期组件的默认语言配置。默认情况下,Ant Design for React ...
antd时间选择器,设置显示中文
T3165919332的博客
01-12 1031
在实现react,里面引入antd时间选择器,默认显示为英文。入口处使用ConfigProvider全局化配置,设置
antd design 5@ 设置中文】版本组件设置中文以及日期组件中文
weixin_72099243的博客
11-30 368
5 版本的日期组件都需要借助 dayjs
antdesign 组件中的文字默认是英文怎么办
笔记、经验、日常分享
04-18 1301
antdesign(antd)目前的默认文案(语言)是英文,如果需要使用其他语言,需要引入语言包,进行一下配置即可。通过在应用的最外层包裹ConfigProvider组件,并为其locale属性传入中文语言包zh_CN来实现。这样,所有的Ant Design组件都将默认使用中文显示。
【React】Antd 全局中文配置
小秀的博客
04-22 455
【代码】【React】Antd 全局中文配置。
配置antdv组件中文显示
qq_26889291的博客
12-28 568
配置antdv组件中文显示
ant-design-vue之中<a-table>标签自带的分页如何变为中文
wsdnnnnnnnnn的博客
05-09 2029
a-table :pagination="pagination">自带的分页器默认语言是英文,但是需求需要变为中文,需要使用a-config-provider标签来将分页器变为中文
【ant-design】分页器英文如何转中文
hzxOnlineOk的博客
09-14 1167
ant-design分页器英文如何转中文
antd日期格式化为中文不成功
weixin_44415764的博客
05-18 870
antd全局设置中文,使用antd官网的api即可设置成功,下方代码中的三行是主要格式化日期的,这里需要moment的支持(cnpm install moment)。 import "antd/dist/antd.css"; import './index.css'; // 主要是下面这三个 import { ConfigProvider } from 'antd'; import zhCN from 'antd/lib/locale/zh_CN'; import 'moment/locale/zh-cn
antd5 ConfigProvider国际化时间组件出现英汉混合
最新发布
09-20
当在Ant Design(antd v5版本)中使用ConfigProvider配置国际化的场景下,有时可能会遇到日期和时间组件显示为英文和中文混合的问题。这通常发生在设置的语言包未能完全覆盖所有本地化需求时。 ConfigProvider是...
写文章

热门文章

  • 连接服务器接口时java.net.SocketTimeoutException: timeout 136407
  • 【Git】git stash 和 git stash pop 40705
  • 【正则表达式】字符匹配篇 27798
  • Mac 修改Hosts文件的方式 27365
  • 二叉树和二叉查找树--基本方法 23145

分类专栏

  • leetcode 2篇
  • CSS 14篇
  • eslint 1篇
  • TS 4篇
  • git 6篇
  • 正则表达式 1篇
  • nginx 2篇
  • Antd 2篇
  • npm 4篇
  • webpack 3篇
  • 发布流程
  • node 1篇
  • 数据库 1篇
  • eclipse 2篇
  • GitHub 2篇
  • js 16篇
  • 数据结构 9篇
  • 系统安全 3篇
  • c语言 4篇
  • React 3篇
  • 面试 2篇
  • 前端 26篇
  • HTML 2篇
  • es 2篇
  • Android 7篇
  • 移动开发 6篇
  • android报错集锦 3篇
  • 经典炸弹人 2篇
  • 深入浅出理解js 3篇

最新评论

  • 如何解决同一文件二次上传无效问题

    zhangjianshan1992: file.slice( 0, 1 ) // only the first byte .arrayBuffer() // try to read .then( () => { // 文件没改变,在这里可以发请求了 console.log( 'should be fine' ); axios({.........}) } ) .catch( (err) => { // 文件有问题,在这里终止掉 console.log( 'failed to read' ); // 把缓存的file清空 this.file = null; } );

  • 【Git】git stash 和 git stash pop

    qq_48912402: 感谢创作

  • 【es6】Map数据结构

    白话机器学习: 我用两个月时间,终于把CSDN的付费资源玩明白了! https://blog.csdn.net/zy_dreamer/article/details/131864213

  • 【npm】npm 查看、删除、废弃版本

    美酒没故事°: 不发新版本,原来的删了,沿用原来的不行吗

  • 【npm】npm 查看、删除、废弃版本

    想上天的小鱼: 尝试修改一下版本号,再发布哦

大家在看

  • Golang | Leetcode Golang题解之第504题七进制数
  • 程序员·买房·留在一线城市 319
  • Java | Leetcode Java题解之第502题IPO 186
  • Java | Leetcode Java题解之第504题七进制数
  • Python | Leetcode Python题解之第502题IPO 100

最新文章

  • 【leetcode】219.存在重复元素 II
  • 【leetcode】217.存在重复元素
  • 【CSS】单边阴影、双边阴影、三边阴影
2023年5篇
2022年17篇
2021年29篇
2020年3篇
2019年16篇
2018年28篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家揭阳玻璃钢卡通雕塑哪家便宜河南常用商场美陈市场报价马鞍山frp玻璃钢雕塑宝鸡不锈钢马校园玻璃钢雕塑莱芜玻璃钢雕塑商场公园玻璃钢雕塑产品图片汕尾玻璃钢卡通雕塑艺术品玻璃钢卡通雕塑奶牛定制玻璃钢卡通雕塑上漆过程盐城玻璃钢仿真水果雕塑情人节商场相框美陈杭州商场美陈布置定制安徽玻璃钢大公鸡雕塑酒店玻璃钢雕塑艺术摆件做玻璃钢雕塑哪家信誉好芒市玻璃钢雕塑价格表源汇玻璃钢雕塑定制浙江艺术商场美陈湛江玻璃钢卡通雕塑定制上海玻璃钢园林雕塑商场秋美陈布置方案雕塑石膏玻璃钢陶瓷焦作火烈鸟玻璃钢雕塑安装湖州校园玻璃钢雕塑商场里打造教室类型美陈福建季节性商场美陈批发咸阳精致的商场美陈玻璃钢喷砂立体雕塑墙福建艺术商场美陈供应商广州雕塑厂家玻璃钢香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化