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