Skip to content

React 渲染 HTML 字符串

Published: at 10:58 AMSuggest Changes

问题

组件输出的是 html 字符串,期望能直接渲染出来而不是用字符串形式显示

let a = "<br>123<br>456"
<div>{a}</div>

解决方法

使用 dangerouslySetInnerHTML 方法,见官方文档: dangerouslySetInnerHTML

let a = "<br>123<br>456"
<div dangerouslySetInnerHTML={{__html: a}} />

后记

翻译一下方法名:危险的设置 InnerHTML,要注意一下


Previous Post
Jenkins 插件列表为空的解决方法
Next Post
ESLint 忽略特定文件和目录