Antd之如何设置组件为中文

一、antd组件引用默认为英文

比如说我这边引用了一个range 时间选择器，显示结果如下所示：

二、设置为中文

（1）局部使用

1. 引入ConfigProvider，zh_CN

import { ConfigProvider } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import 'moment/locale/zh-cn';

2. 对需要设置为中文的组件进行包裹

 <ConfigProvider locale={zh_CN}>
   <label style={{ color: '#272933' }}>选取时间范围：</label>
   <RangePicker
     style={{ width: 410, marginRight: 20 }}
     showTime={{ format: 'YYYY-MM-DD HH:mm:ss' }} //设置显示的格式
     format="YYYY-MM-DD HH:mm:ss"  //设置时间格式
     placeholder={['起始时间', '结束时间']}
     disabledDate={disabledStartDate} //设置不可选时间
     onOk={handleTimeChange}
   />
 </ConfigProvider>

3. 结果展示

（2）全局使用【推荐】

修改app.tsx为以下：

import { ConfigProvider } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import 'moment/locale/zh-cn';
const App: React.FC = () => {
  return (
    <div className="App">
      <ConfigProvider locale={zh_CN}>
        <Router />
      </ConfigProvider>
    </div>
  );
};