0%

React 渲染 html 字符串

问题

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

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

解决方法

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

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

后记

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