在react-i18next中翻译Trans-Component内部的链接组件

Question

我想要插入一个具有链接组件的react节点，如下所示。但是，我无法渲染链接组件中的图标。

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>"