React+antd 配置国际化不生效解决方案

1.React 使用 antd 组件中英文混杂

2.根据官方文档配置国际化

import zhCN from 'antd/locale/zh_CN';

const Main =() => {
  return (
    <ConfigProvider locale={zhCN}>
      <App>
        <RouterProvider router={router} />
      </App>
    </ConfigProvider>
  )
}
export default Main

然而还是未生效

3.对此有两种解决方案

1. 引入 dayjs 并配置 locale

import dayjs from 'dayjs';

// 月份中文显示 修复
dayjs.locale('zh-cn', {
  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
  weekdaysShort: '周日_周一_周二_周三_周四_周五_周六'.split('_'),
  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),
});

2. 直接在项目中引入 dayjs/locale/zh-cn

import 'dayjs/locale/zh-cn';

成功转为中文，问题解决！