react总结之插入获取到的HTML元素

在vue中我们可以使用指令v-html来将获取到的HTML元素在页面上展示,在react中,同样可以将获取到的HTML元素在页面上展示.在react中,可以使用dangerouslySetInnerHTML将HTML在页面上显示,如一下代码:

import React, { Component } from 'react'
import ReactDom from 'react-dom'
 class TestHtml extends Component {
    constructor(props) {
        super(props);
        this.state = {
            html: '<div>dasda<h1>dsa</h1></div>'
        }
    }
    render() {
        return (
            <div dangerouslySetInnerHTML={{__html: this.state.html}}>
            </div>
        )
    }
}
export default TestHtml;

需要注意的是dangerouslySetInnerHTML的值是一个__html为key的对象值!