将引入antd组件默认语言改为中文

在我们使用antd时会发现上面的语言为英文,那么如何改为中文呢?

只需要如下操作就可以了:

import { ConfigProvider } from 'antd';

import zhCN from "antd/es/locale/zh_CN";

<ConfigProvider locale={zhCN}>

</ConfigProvider>

这时,我们引入的组件默认语言就变为中文了,但是,日期选择框组件可能有部分位置还是英文状态,这是我们只需要进行如下操作就可以:

import dayjs from 'dayjs';

import 'dayjs/locale/zh-cn';

dayjs.locale('zh-cn');

需要注意检查你本地的 dayjs 版本和 antd 依赖的 dayjs 版本是否一致

如果还有问题,请检查是否有两个版本的 dayjs 共存?

npm ls dayjs