关于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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。