react-intl——react国际化使用方案

国际化介绍

i18n：internationalization 国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有 k8s(Kubernetes)

React-intl是 React 中最受欢迎的库。

使用步骤

• 安装

  # use npm
  npm install react-intl -D
  # use yarn
  

• 项目入口文件配置

  // index.tsx
  import React from "react";
  import ReactDOM from "react-dom";
  import { IntlProvider } from "react-intl";
  import App from "src/App";
  import { getCurrentLang, getCurrentMessages } from "src/locales";
  import "./styles/index.less";
  
  const root = (
    
      
    
  );
  
  ReactDOM.render(root, document.getElementById("root"));
  

  IntlProvider 有三个配置参数：

  • locale, , 语言标记，例如 'zh-CN' 'en-US'
  • messages,