假设我有以下代码：
const text = "This is a piece of text with a <a>link</a>";
const Comp = () => {
return <div>{text}</div>;
};
在结果页面上，我看到文字“这是一段带有<a>链接</a>的文本”。如何将“链接”一词转换为实际<a>元素？
你需要使用dangerouslySetInnerHTML才能使用它。
检查下面的片段。
function createMarkup() {
const text = "This is a piece of text with a <a>link</a>";
return {__html: text};
}
function setHtml() {
return <div dangerouslySetInnerHTML={createMarkup()} />;
}
const Comp = () => {
return <div>{setHtml()}</div>;
};本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句