antd默认是英文的所以需要做一个全局配置,将组件改为中文(使用响应式数据可以一键切换,这里是直接固定为中文)
在跟组件app.jsx中药引入ConfigProvider组件将跟组件包裹(主题的设置就是用这个组件)
ConfigProvider有一个locale属性,是antd组件的语言
import zhCN from 'antd/locale/zh_CN';
...
export default function App() {
return (
<ConfigProvider locale={zhCN}>
{/*路由模块*/}
<BrowserRouter>
<Router></Router>
</BrowserRouter>
</ConfigProvider>
)
}
上面实现了antd组件的中文,因为组件中有时间日期的表单,所以还需要下载dayjs插件来实现组件国际化
pnpm i dayjs
然后要在根组件添加下面的配置项
import dayjs from 'dayjs';
//引入语言
import 'dayjs/locale/zh-cn';
//这句就是将语言转换成中文
dayjs.locale('zh-cn');