在 react-i18next 的 Trans Component 中翻译 link componte

Question

我想用 link 组件插入一个反应节点，如下所示。但是，我无法在 Link 组件中呈现 icon。

   import { Trans } from 'react-i18next';
   import FolderAdd16 from '@carbon/icons-react/lib/folder--add/16';

   <Trans 
       i18nKey="mykey" 
       defaults="Copy this reference ID for your support ticket. <1>Contact support</1>"
    >
        Copy this reference ID for your support ticket.
        <a
          analytics-name="notification-create-support-ticket"
          href="/supportcenter"
          target="_blank"
          rel="noopener noreferrer"
        >
          Contact support
          <FolderAdd16 />
        </a>
      </Trans>

Answer 1

您可以使用其他本地化字符串

defaults="Copy this reference ID for your support ticket. <1>Contact support <0 /></1>"

在 react-i18next 的 Trans Component 中翻译 link componte

translate link componte inside Trans Component in react-i18next

react-i18next