react 怎么渲染 html? 下面本篇文章给大家介绍一下在 react 中渲染 HTML 代码. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 react 中渲染 HTML 代码
有时候需要动态渲染后台传过来的 HTML 代码文本, 但是 react 的 JSX 防注入攻击使得大括号里的 HTML 代码全部变成字符串进行渲染, 而不是 HTML 代码
例子:
<div dangerouslySetInnerHTML={{__html: code}}></div>
更多方式:
- function createMarkup() {
- return {__html: 'First Second'};
- }
- function MyComponent() {
- return <div dangerouslySetInnerHTML={createMarkup()}></div>;
- }
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/18694.html