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