React 如何解析从后台读取的内容是html格式代码(带样式)

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

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