javascript - ReactJS 和 i18n.js : Translations with links

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>