How use Trans in i18n with JSON key which contains tags

问题描述 投票:0回答:0

我有一个 JSON 文件,用于翻译几种语言,如下所示:

'RESPONSIBLE': "<b>Responsible</b> is {{name}}"

在组件内部,我尝试使用不同的方式来使用 Trans 标签,例如:

<Trans i18nKey="RESPONSIBLE" name={'Jon'}></Trans>
// or
<Trans>{t('RESPONSIBLE', {name: 'Jon'})}</Trans>

最好的结果是:负责是乔恩。但仍然像字符串的一部分一样在 DOM 中标记。

此外,我对 json 也有同样的情况:

 "NO_ACTIVE": "Please go to the <a class=\"no-wrap\" href=\"{{link}}\">Go Here</a>"

我不能正确地使用 Trans 作为这样的键。当我尝试文档中的示例时它可以工作,但标签在 Trans 标签内,但在我的情况下它们在 json key

在这种情况下如何正确使用 Trans 标签?

reactjs i18next react-i18next
© www.soinside.com 2019 - 2024. All rights reserved.