antd ConfigProvider全局化配置转换为中文

最新推荐文章于 2025-10-17 08:13:19 发布

原创最新推荐文章于 2025-10-17 08:13:19 发布 · 1.2w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#antd #配置 #configProvider #中文

js 同时被 3 个专栏收录

23 篇文章

订阅专栏

react

7 篇文章

订阅专栏

antd

2 篇文章

订阅专栏

本文介绍了一个使用React和Ant Design构建的应用实例，展示了如何在项目中集成国际化配置与自定义样式。通过引入React和ReactDOM库，应用使用了Ant Design的组件库并设置了中文语言包。同时，引入了Moment.js进行日期格式化，并加载了全局的SCSS样式文件和Animate.css动画库，实现了界面的美观展示和流畅动画效果。

import React from 'react';
import ReactDOM from 'react-dom';
import Routes from './router/index';
import zhCN from 'antd/es/locale/zh_CN';
import { ConfigProvider } from 'antd';
import 'moment/locale/zh-cn';
import './styles/common.scss'
import  "animate.css"

ReactDOM.render(
    <ConfigProvider locale={zhCN}>
        <Routes />
    </ConfigProvider>
    , document.getElementById('root'));