React 使用

注意

一、初始化插件

插件主要为提供翻译工具函数，类型vue-i18n中的$t函数，安装后，在项目代码中即可使用$t函数进行翻译。

shell

npm install @tc-i18n/react -D

import tci18nReact from '@tc-i18n/react';

tci18nReact(options)

init 命令用于生成配置文件，执行一次即可。

shell

npx tci18n init

选择 React

选择框架

执行完后，会在项目根目录下生成 tci18n.config.json 文件。

TIP

需要按照自己的实际需求修改 tci18n.config.json 配置文件，可以按照文件, 组件, 函数, 属性等维度, 自行决定哪些需要国际化，哪些不需要。
查看 tci18n.config.json 配置

transform 命令用于提取语料，如果后续需要更新语料，重复执行此步骤即可。

shell

npx tci18n transform

执行transform

执行完成后，会将提取出来的语料数据存放在项目根目录下的 locale/langs.json 文件中。

json

{
    "zh-cn": {
        "你好": "你好",
        ...
    }
}

语料翻译

注意：transform 提取出来的语料只是未翻译的语料，如果要实现真正翻译，需要自己接入翻译工具对其进行翻译，然后放在 locale/langs.json 文件中，比如：

json

{
    "zh-cn": {
        "你好": "你好",
        ...
    },
    "en-us": {
        "你好": "Hello",
        ...
    }
}