[react]【转】Antd 全局化配置使组件中文化

需求：DatePicker日期选择框、Transfer穿梭框等组件需要中文化。
前提：使用的Antd版本是 4.16.2 。
需要操作的文件位置：src下的index.js文件。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import reportWebVitals from './reportWebVitals';
import { Routes } from './router/index';
import configureStore from './redux/store';
import { Provider } from 'react-redux';
// 以下三行是中文化的关键代码
import { ConfigProvider } from 'antd';
import zhCN from 'antd/lib/locale/zh_CN';
import 'moment/locale/zh-cn';
let store = configureStore();
ReactDOM.render(
  <ConfigProvider locale={zhCN}>
    <Provider store={store}>
      {Routes}
    </Provider>
  </ConfigProvider>
  ,
  document.getElementById('root')
);

重点：
1、引入ConfigProvider：使用 React 的 context 特性，只需在应用外围包裹一次即可全局生效；
2、引入中文包；
3、设置 moment 语言包。


官网介绍：《ConfigProvider全局化配置》
参考：https://blog.csdn.net/weixin_47091394/article/details/117740672