doubleyong
管理员
管理员
  • 最后登录2022-07-05
  • 发帖数1075
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:639回复:0

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

楼主#
更多 发布于:2022-03-24 16:40
需求: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
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号