关于react.js:reactantd日期组件显示中英文解决方案

1.开发环境 react18+antd5
2.电脑系统 windwos11专业版
3.在应用react+antd开发的过程中,咱们在应用日期组件的时候会遇到显示中英文的问题,上面我来分享一下我的解决办法。
4.react18+antd5应用日期组件显示中英文:

有很多人都遇到了这种状况;什么样的说法都有;然而就是没有一个能解决的;
可能是因为react和antd的版本不同的起因,上面我来分享一下我的办法

4-1.解决思路:

// 先查看官网,看官网是怎么形容的

//找到示例,看是怎么解决的

// 示例代码如下 1

// 示例代码如下 2

通过剖析示例代码,发现官网是通过 dayjs 来实现的,
接下来咱们就能够装置 dayjs 来测试一下

4-2.装置dayjs

npm i dayjs -S

// 在index.js中应用

import { ConfigProvider } from 'antd';
import zhCN from 'antd/locale/zh_CN';
/*
* 解决 工夫组件显示英文问题
* */
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');

<ConfigProvider locale={zhCN}>
    <Router />
</ConfigProvider>

//成果如下

 留神:应用moment.js 仍然会显示英文,尝试多种办法仍然无奈解决,
可能是因为antd版本和moment版本的问题。

5.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。