2019独角兽企业重金招聘Python工程师标准>>>
React中是不解析直接从后台拿到的html格式的代码,因为是要防止XSS攻击。什么是XSS攻击,在下一个博客里面出现。所以要让react解析从后台拿到的html格式的代码就要用到以下代码,话不多说:
import React from 'react' class IndexCom extends React.Component {constructor(props, context) {super(props, context);this.state={div:'<div style="width: 750px;height: 200px;background: red;color: #fff;"><b>11111111111111</b></div>',}}render() {return (<div><div className="index"><div dangerouslySetInnerHTML = {{ __html:this.state.div }}></div></div></div>)} } export default IndexCom