需求

在实现react，里面引入antd时间选择器，默认显示为英文

思路

入口处使用ConfigProvider全局化配置，设置 locale 属性为中文来实现。官方文档介绍全局化配置 ConfigProvider - Ant Design

代码

import React from 'react';
import { Provider } from 'mobx-react';
import App from './App';
import store from '../olalalaStore/store';
import { createRoot } from 'react-dom/client';
import { ConfigProvider } from 'antd';
// antd时间选择器改为中文
import zhCN from 'antd/locale/zh_CN';
import 'dayjs/locale/zh-cn';
// 使用 ReactDOM.createRoot 创建 React 根节点
const root = createRoot(document.getElementById('root'));

// 在根节点上渲染应用
root.render(
  <ConfigProvider locale={zhCN}>
      <React.StrictMode>
        {/* 使用 MobxProvider 包裹整个应用，并传递 MobX Store */}
        <Provider store={store}>
              <App />
        </Provider>
      </React.StrictMode>
  </ConfigProvider>
);