1.安装

npm install antd --save

2.使用

import { RouterProvider } from 'react-router-dom'
import { Button, ConfigProvider } from 'antd'

// 引入Ant Design中文语言包
import zhCN from 'antd/locale/zh_CN'
import enUS from 'antd/locale/en_US';

// 导入路由
import router from '@/routes'
import { useState } from 'react';

function App() {

  // 正常来说语言类型这里是需要加入状态管理的
  const [locale, setLocale] = useState(zhCN);
  const toggleLocale = () => {
    setLocale(locale === zhCN ? enUS : zhCN);
  };

  return (
    <ConfigProvider locale={locale}>
      <Button type="primary" onClick={toggleLocale}>切换antd国际化</Button>
      <RouterProvider router={router} />
    </ConfigProvider>
  )
}

export default App