ReactJS & i18n.js：带链接的翻译

Question

我有一个使用 i18n.js 进行翻译的 ReactJS 项目。

在 i18n JSON 文件中，我有这样一行：

"register": {
    "terms": "I have read and accept the Terms of Service"
}

我只想将句子的“服务条款”部分作为链接。

起初我尝试过这样的事情：

<label className="lead">
    {i18n.t('register.terms').substr(0, 27)}<a href="#">{i18n.t('register.terms').substr(27, 43)}</a>
</label>

但是，当然，它不适用于英语以外的任何其他语言。

有没有办法做到这一点不拆分字符串值在 JSON 文件的两个字段中？

Answer 1

答案：

你可以创建一个数组。

"terms": ["I have read and accept the ", "Terms of Service"]

然后得到这样的值：

<p>{i18n.t('terms.0')}<a href="#">{i18n.t('terms.1')}</a></p>