Javascript 如何在字符串模板中放置链接？

不确定这是否是一件事，但我一直在尝试在JS字符串模板中添加一个链接

我有一个对象被传递给react组件。其中一个属性是

text

：

const someData = {
text: `blah blah blah call <a href="tel:+111222333444"></a> for more information`
}

const someData={
text:`blah blah blah blah需要更多信息`
}

我想将其作为道具传递给组件并渲染：

{props.text}

并将该

el作为活动链接呈现在字符串中，就像显式放置在DOM中一样

我尝试将

赋值给一个变量并对其进行插值，我尝试创建一个小函数，返回

的DOM节点（与我创建的许多组件相同），并在插值字符串中调用该函数-这两种方法都将实际的DOM节点打印为文本。我已经搜索了一点，看到了一些危险的StimeNeLHTML黑客，但是它们似乎仍然需要将该节点嵌入到字符串的中间，危险的或不安全的，这对我不起作用。如果可以或不可以，请提供任何帮助或说明：）

function createMarkup（）{
返回{{{uuuhtml:'blah blah blah call for more information'}；
}
函数SomeComponent（）{
返回；
}

不能使用字符串执行此操作，否则可以插入代码。我认为你需要使用危险的HTML。请看这个问题谢谢Derek，那篇文章中react文档的链接帮助很大。我错误地实现了

危险的HTML

！这是正确的，但是对于任何可能看到这一点的人来说，如果他们将数据作为道具（比如我是lol:）传递到obj上，您可以添加

const someData={text:SomeComponent（）}

以完整性为目的吗

function createMarkup() {
  return {__html: 'blah blah blah call <a href="tel:+111222333444"></a> for more information'};
}

function SomeComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}