18910140161

JavaScript-如何在设置React组件时插入HTML标记'S动态内文本?-堆栈溢出

顺晟科技

2022-10-18 13:22:47

219

假设我有以下代码:

const text = "This is a piece of text with a <a>link</a>";

const Comp = () => {
  return <div>{text}</div>;
};

在生成的页面上,我看到了文字文本";这是一段带有<;a>;链接<;/a>;的文本。如何转换单词“ link ”转换为实际的<代码><;A>;元素?


顺晟科技:

您需要使用<a>才能使用它。

检查以下片段.

<代码>函数createMarkup(){const text=“这是一段带有<;a>;链接<;/a>;文本”;return{__HTML:text};}函数setHTML(){返回<;DIV dangerouslySetInnerHTML={createMarkup()}/>;}常量comp=()=>;{返回<;DIV>;{setHTML()}<;/DIV>;};

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航