react中添加html内容

直接用 小括号() 就可以，类似这样

代码语言：javascript复制

    state = {
        content:(
            <div>
              <p>Content</p>
              <p>Content</p>
            </div>
          ),
        };

    ...

    render () {
      return (
        <div> 
             {this.state.content}  
        </div>
      )
    }

或者最基础的，React 中展示 state 中存放的HTML

代码语言：javascript复制

  this.state = {
    content: ''
  }

  ...
  render () {
    return (
      <div
        className='editor-wrapper'
        dangerouslySetInnerHTML={{__html: this.state.content}} > //这样会显示 真正的html。加粗的React 
          // {this.state.content}  //这样只会显示str的html。‘<h1>React </h1>’
      </div>
    )
  }

html state 基础

0 人点赞