react怎么渲染html?

react怎么渲染html?下面本篇文章给大家介绍一下在react中渲染html代码。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在react中渲染html代码

有时候需要动态渲染后台传过来的html代码文本,但是react的JSX 防注入攻击使得大括号里的html代码全部变成字符串进行渲染,而不是html代码

例子:

<div dangerouslySetInnerHTML={{__html: code}}></div>

更多方式:

function createMarkup() {
  return {__html: 'First &nbsp;&nbsp;&nbsp; Second'};
}
function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()}></div>;
}

更多web前端知识,请查阅 HTML中文网 !!

以上就是react怎么渲染html?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏