Skip to content
{}

基础知识 - 富文本

dangerouslySetInnerHTML

可以将一段Html标签文本转换成为标签

  • 用法 : 标签上有个属性 dangerouslySetInnerHTML 他接收一个 对象 对象里面有个属性 __html
<div dangerouslySetInnerHTML = { { __html:文本值 } }> </div>
import React, { Component } from 'react'
import ReactDom from 'react-dom'
class App extends Component {
    state = {
        content:'<ul><li>1111</li><li>222</li><li>333</li></ul>'
    }
  render() {
      return (
          <div>
            //富文本 dangerouslySetInnerHTML属性  
            <div dangerouslySetInnerHTML={
                {
                    __html:this.state.content
                }
            }>
            </div>
        </div>
    )
  }
}
ReactDom.render(<App/>,document.getElementById('root'))

好好加油吧,少年!