React+Antd国际化配置

382 阅读1分钟

1、安装moment.js(全能时间操作器)

npm install moment -S

2、在所需要国际化的页面中引入如下代码:

import zhCN from 'antd/es/locale/zh_CN'
import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')

3、引入Antd的一个组件:

import {ConfigProvider} from 'antd'

4、使用 ConfigProvider 包裹,具体如下:

export default props =>{
	return (
    	<div>
        	<ConfigProvider locale={zhCN}>
            		内容
        	</ConfigProvider >
        </div>
    )
}