react-i18next：如何在说明中插入带有图标的标签？

问题描述

在我们的代码库中，我们使用react-i18next

import { useTranslation } from "react-i18next";

const { t: i18n } = useTranslation();

它正在使用文件src/locales/en/translation.json中的文本填充内容

在此文件中，我们有

"settingsPage": {
  "customEndpoint": {
  "description": "Some sentences. {{SDKLinkText}}. Some senteces","SDKLinkText": "SDKs",},

所以我在这里希望SDKLinkText像这样的<a />

<a href={url}>
    {i18n("settingsPage.customEndpoint.SDKLinkText")}
    <Icon variant="link" name="external" />
  </a>

所以我做到了

{
  i18n("settingsPage.customEndpoint.description",{
    SDKLinkText: <a href={url}>
    {i18n("settingsPage.customEndpoint.SDKLinkText")}
    <Icon variant="link" name="external" />
  </a>;
  });
}

但是为了在用户界面中呈现a标签，它只是打印出标签的字符串。我想知道用react-i18next

插入HTML标签的正确方法是什么

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）