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

我的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>

结果:

在这里插入图片描述

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

react渲染json数据
爱的雪花，染白了头发；情的四季，揉皱了面颊我的github: 李大玄[https://github.com/li...
uniapp列表渲染，渲染循环嵌套数组
json数据渲染数据
FreeMaker遇到JSON格式数据
FreeMaker渲染JSON格式数据：先判断JSON数据是否为字符串。根据类型做不同的渲染操作
4.React中Memo实现指定组件进行渲染
memo可以解决react渲染时的效率问题，react可以将数据渲染在视图中，如果数据没有变化，视图还是重新渲染。...
第七节:React列表渲染与数据收集
1. 列表渲染 1.1 列表渲染说明: 列表渲染先将列表数据转为React元素列表, 然后在渲染 React会将...
第七节:React列表渲染与数据收集
1. 列表渲染 1.1 列表渲染说明: 列表渲染先将列表数据转为React元素列表, 然后在渲染 React会将...
小程序模拟调用本地json接口数据
把准备好的json数据渲染到前端界面，模拟在这里加载本地json数据。效果如下，能看到界面渲染的数据。 1：新建一...
小程序模拟调用本地json接口数据
把准备好的json数据渲染到前端界面，模拟在这里加载本地json数据。效果如下，能看到界面渲染的数据。 1：新建一...
SSM框架的(CRUD)_查询_构建员工列表11
1、重新改造index.jsp页面，通过发送ajax请求返回json格式数据信息并解析json数据渲染页面。
template模板
下载template-web.js文件 1：制定一个模板渲染数据json1（该数据必须为json数据），然后再把模...