美文网首页
Ant Desgin国际化

Ant Desgin国际化

作者: CoderZb | 来源:发表于2020-12-19 17:24 被阅读0次

    使用react做的后台管理,使用的是Ant Desgin中的组件,其中涉及到 跳页等功能时,页面显示的是英文效果,因此有必须要转成中文,这时候就要做国际化处理了。做法如下:

    index.js文件添加如下代码即可

    import zhCN from 'antd/lib/locale/zh_CN';
    import {LocaleProvider} from 'antd';
    <LocaleProvider locale={zhCN}>
        <App />
    </LocaleProvider>
    

    index.js全部代码如下

    import React from "react";
    import ReactDOM from "react-dom";
    import { HashRouter } from "react-router-dom";
    import App from "./App";
    import registerServiceWorker from "./registerServiceWorker";
    import zhCN from 'antd/lib/locale/zh_CN';
    import {LocaleProvider} from 'antd';
    ReactDOM.render(
      <HashRouter>
        <LocaleProvider locale={zhCN}>
        <App />
        </LocaleProvider>
      </HashRouter>,
      document.getElementById("root")
    );
    // registerServiceWorker();
    
    

    相关文章

      网友评论

          本文标题:Ant Desgin国际化

          本文链接:https://www.haomeiwen.com/subject/uoscnktx.html