React中的渲染

Posted sjd666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React中的渲染相关的知识,希望对你有一定的参考价值。

首先引入文件  这些文件是有先后顺序的

技术图片

在body中写一个div

技术图片

接下来在script双标签中  定一个属性

技术图片

在script中  定义一个json数据

技术图片

下面该进行数据渲染了

写一个ReactDOM.render()

在render中写入一个div双标签并写一对花括号把list中的数据进行一一的渲染

技术图片

在button按钮中设置一个点击事件

技术图片

然后每点击一下按钮   弹出框输出一个1

技术图片

以上是关于React中的渲染的主要内容,如果未能解决你的问题,请参考以下文章

React 中的重新渲染过多

Css 过渡不适用于 React 中的条件渲染

前端React 条件渲染

如何正确检测 React JS 中的重新渲染?

React官方文档学习记录- 条件渲染

React 中的 Ag-grid 纯 JS 单元格渲染器