reactjs遍历数据的方式

第一种方式，使用map方法，用es6的语法进行遍历：

render(){const numbers = [1,2,3,4,5]return (<div>{numbers.map((item,index)=>{return (<div key={index}>value：{item}， index：{index}</div>)})}</div>)
}

第二种方式，把遍历map的结果赋值给一个变量，在render中引用

render(){const numbers = [1,2,3,4,5]const listData = numbers.map((item,index)=>{return (<div key={index}>value：{item}， index：{index}</div>)})return (<div>{listData}</div>)
}

第三种：把获得到的数据push到数组，在render中引用

render(){const numbers = [1,2,3,4,5]const listData = []; // 声明一个变量，存储遍历的模板数据numbers.forEach((item,index)=>{listData.push(<div key={index}>value：{item}， index：{index}</div>)})return (<div>{listData}</div>)
}

reactjs遍历数据的方式相关推荐

HashMap两种遍历数据的方式
HashMap的遍历有两种方式,一种是entrySet的方式,另外一种是keySet的方式. 第一种利用entrySet的方式: Map map = new HashMap(); Iterator i ...
2.新建子组件、jsx语法、绑定数据、class、style、引入图片、遍历数据
文章目录一.创建组件示例 1. 创建子组件 2. 根组件中引入子组件二.绑定属性 0.注意 1.普通属性 2.绑定class名 1.正常模式 2.绑定js文件中的变量名 3.style 4.lab ...
Redis 笔记（14）— 持久化及数据恢复（数据持久方式 RDB 和 AOF、数据恢复、混合持久化）
1. 持久化所谓持久化是指将数据从内存中以某种形式同步到硬盘中,在 Redis 重启后能够根据硬盘中的记录恢复数据.Redis 持久化有两种方式,分别为 RDB(redis data base) [ ...
TensorFlow数据读取方式：Dataset API，以及如何查看dataset:DatasetV1Adapter的方法
TensorFlow数据读取方式:Dataset API Datasets:一种为TensorFlow 模型创建输入管道的新方式.把数组.元组.张量等转换成DatasetV1Adapter格式 Dat ...
OpenCV优化：图像的遍历4种方式
小知识:反色反色原理很简单,在一个rgb色彩空间中,可将任何一种颜色看成笛卡尔坐标中的一个点,对于任意点,反色就是计算以(128, 128,128)为中心时该点的对称点,比如rgb(100, 150 ...
vue 字典配置_vue遍历数据及字典的方法
数组:数值 {{ item.message }} 数组:数值加索引 {{ item.msg }} {{index}} 字典:key value index {{ value }} {{key}} {{ ...
Opencv--获取Mat图像数据的方式
方式一:存取像素值. 如果想要获取指定坐标像素的值,可以采用Mat的成员函数at(j,i)来获取坐标()处的像素值.试例代码如下: //用Mat的成员函数访问图像数据 if (image.channe ...
Habor数据迁移方式有多少，skopeo效率最好
迁移流程两个不同的Harbor实例迁移数据(含镜像数据和数据库数据) 迁移方式 Harbor 镜像 skopeo image-syncer 手工机制基于策略的内容机制:支持多种过滤器(镜像库.t ...
react-native map函数遍历数据及其布局
react-native map函数遍历数据及其布局当需要在react-native 中用map函数遍历带图片的数据时,小编总会发现,布局有点别扭, 效果图类似下面这样的图我先以遍历如下数据得到产 ...
html存储数据的方法,数据存储方式有哪些
数据存储方式:1.顺序存储方法,结点间的逻辑关系由存储单元的邻接关系来体现.2.链接存储方法,结点间的逻辑关系由附加的指针字段表示.3.索引存储方法.4.散列存储方法,根据结点的关键字直接计算出该结点 ...

reactjs遍历数据的方式

reactjs遍历数据的方式相关推荐

最新文章

热门文章