React 如何解析從后台讀取的內容是html格式代碼(帶樣式)


 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

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM