Javascript 使用ES6模板的带有链接的文本

我想显示“我阅读并同意隐私政策。隐私政策”。文本和其中的“隐私政策”部分必须是链接

我在下面尝试过，但输出是“我阅读并同意[object]”

const privacyLink=；
{`我阅读并同意${privacyLink}`}

---

如何使用字符串模板执行此操作？

privacyLink

缺少引号。模板文字语法不正确。将

privacyLink

定义为字符串，定义一个单独的模板文本，包括

privacyLink

const privacyLink=“”；
const template=`我阅读并同意${privacyLink}`；
document.body.innerHTML+=模板您的问题缺少JSX标记，但您显然在使用JSX语法，因此我将根据该解释来回答

当您编写JSX时，实际上是在告诉transpiler创建一个函数，例如，如果您将JSX与React一起使用，那么

<a href="">Privacy Policy</a>

createElement返回一个对象，它显示在字符串模板中

您可以使用字符串模板来构建字符串，因此
${}
中包含的任何内容都必须是字符串，否则将强制转换为字符串

您应该继续使用JSX语法来编写希望包含另一个JSX元素的任何内容。这可能有点棘手，因为任何元素树都需要根元素。通常，使用
是非常安全的，因此在这种情况下：

<span>I read and agree to the {privacyLink}</span>

我阅读并同意{privacyLink}
您似乎在
privacyLink
字符串周围缺少引号……模板文字周围的大括号从何而来？如果这是关于react/jsx的，它不是ES6。@4请编写正确的代码好吗？
React.createElement('a', { href: '' }, 'Privacy Policy');

<span>I read and agree to the {privacyLink}</span>