react中添加html内容

wo.

发布于 2021-06-15 14:21:46

5.2K00

代码可运行

文章被收录于专栏：了不得的专栏了不得的专栏

运行总次数：0

代码可运行

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

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

    ...

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

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

  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>
    )
  }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-02-13，如有侵权请联系 cloudcommunity@tencent.com 删除

html