如何用文字连接字符串和html元素？

Question

基本上是尝试将一些文本与链接结合起来：

  const myText = `${t('privacyTxt')}` + `${<a>{t('privacyLink')}</a>}`;

结果：

要了解我们如何处理您的数据，请访问我们的[object Object]

我错过了什么？

Answer 1

您试图将 JSX 放在模板文字中。它不属于那里。

如果您要处理 JSX，那么一切都应该使用 JSX 而不是模板文字来完成。

const myText = <>
   {t('privacyTxt')}
   <a>
       {t('privacyLink')}
   </a>
</>;