从下一个 js html 代码块的变量中删除“”
remove "" from varialble of html codeblock next js
我只是想删除“”所以代替 <H2>When Does Thor: Love And Thunder Realase &Nbsp;In Disney Plus?&Nbsp;</H2>
它将显示为 When Does Thor: Love And Thunder Realase In Disney Plus?
我已经编辑了我的问题,现在你明白我在找什么了
{posts.map((itm, k) => {
return (
<>
<div key={itm._id} className="Question-one">
<h2> {itm.Name}</h2>
<div>
{itm.htmldata}
</div>
</div>
<div className="username">
<span className="username2">--{itm.username}</span>
</div>
</>
);
})}
</>
TLDR
为此,您可以在 JSX 标签中使用 dangerouslySetInnerHTML
道具。
回答
React 仅支持 innerHTML
和 dangerouslySetInnerHTML
。如果你只是输入 HTML
,react 将只解析它 String
数据类型。所以,你得不到你想要的
<div dangerouslySetInnerHTML={{ __html: itm.htmldata }}></div>
等
甚至你可以使用 react-html-renderer
库
我只是想删除“”所以代替 <H2>When Does Thor: Love And Thunder Realase &Nbsp;In Disney Plus?&Nbsp;</H2>
它将显示为 When Does Thor: Love And Thunder Realase In Disney Plus?
我已经编辑了我的问题,现在你明白我在找什么了
{posts.map((itm, k) => {
return (
<>
<div key={itm._id} className="Question-one">
<h2> {itm.Name}</h2>
<div>
{itm.htmldata}
</div>
</div>
<div className="username">
<span className="username2">--{itm.username}</span>
</div>
</>
);
})}
</>
TLDR
为此,您可以在 JSX 标签中使用 dangerouslySetInnerHTML
道具。
回答
React 仅支持 innerHTML
和 dangerouslySetInnerHTML
。如果你只是输入 HTML
,react 将只解析它 String
数据类型。所以,你得不到你想要的
<div dangerouslySetInnerHTML={{ __html: itm.htmldata }}></div>
等
甚至你可以使用 react-html-renderer
库