React-intl国际化接入文档

一、使用

1、创建内容

可以在平台lokalise上进行，教程

1. 比如需要新增一个【繁体中文】，在src\i18n\locales创建对应的zh_HK.json文件

   新增内容

"appModule.pageTest.title":"测试页面的标题"

2. 在src\i18n\entries下创建zh_HK.js，引入对应的json文件

import hkMessages from '../locales/`zh_HK.json';
const HkLang = {
  messages: hkMessages,
  locale: 'hk'
};
export default HkLang;

3. 在src\i18n\index.js引入并导出对应[KEY]:[VALUE]

import HkLang from './entries/zh_HK';

const AppLocale = {
    ...
  // key 必须是纯英文字符串
  hk: HkLang, 
};

export default AppLocale;

2、录入系统

1. 登录进入http://i18nui.hairoutech.com/i18ui/entry-management页面

2. 选中对应的系统，如IWMS对应的智能仓储管理系统

3. 填入词条编码【appModule.pageTest.title】

4. 【语种的值】，就是切换国际化语言后展示的对应的【实际内容】

5. 新增对应的【HK】语种以及对应的appModule.pageTest.title内容。

3、使用IntlMessages

1. 引入国际化组件

import IntlMessages from 'util/IntlMessages';

2. 使用组件，展示对应国际化内容

const id = "appModule.pageTest.title";