react渲染json数据

爱的雪花，染白了头发；情的四季，揉皱了面颊

我的github: 李大玄
我的私人博客: 李大玄
我的npm开源库: 李大玄
我的简书: 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄
哔哩哔哩: 李大玄

首先渲染json数据

obj: {
   name: "李大玄",
    age: 18,
    co: {
      a: 1
    }
  }

<div dangerouslySetInnerHTML={{ __html: JSON.stringify(this.state.obj) }}></div>

结果:

在这里插入图片描述
渲染字符串 HTML

<div dangerouslySetInnerHTML={{ __html: '<Button data-asd="asdasd" onClick={this.eatMelon.bind(this, 1)}>吃瓜群众</Button>' }}></div>

结果:

在这里插入图片描述

依旧会渲染出来,只不过会渲染成原生样式