React中遍历数组生成标签

举一个例子，一个列表根据数组渲染li元素，在vue中一个v-for就解决了，那在React中怎么实现呢？这里我们直接引入的React文件，没用脚手架

let arr = [1,2,3];ReactDOM.render(<ul>{arr.map(value => <li key={value}>{value}</li>)}</ul>,document.querySelector('#root'))

但这里为什么用map方法呢，因为map会返回一个新数组，在这个地方就等价于返回了这个数组

let arr = [<li>1</li>, <li>2</li>, <li>3</li>]

渲染的也就是这个数组，对前端感兴趣的小伙伴可以加我QQ：1627889159

React中遍历数组生成标签相关推荐

[react] react中遍历时为什么不用索引作为唯一的key值？
[react] react中遍历时为什么不用索引作为唯一的key值? key值的目的在Diff DOM的时候根据render前后的唯一key值快速的对树进行比较,保证key值得唯一性,如在进行中间插入 ...
[react] 在react中遍历的方法有哪些？它们有什么区别呢？
[react] 在react中遍历的方法有哪些?它们有什么区别呢? 有React.Children.map和 React.Children.forEach这两个方法,他们的参数都是在组件中接受prop ...
Vue.js入门学习--列表渲染--v-for遍历数组生成元素（四）
完整案列demo: <html><head><title>列表渲染--v-for遍历数组生成元素</title><script src=" ...
Vue中foreach数组与js中遍历数组的写法
场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. ...
Java中遍历数组使用foreach循环还是for循环？
这篇文章主要介绍了Java中遍历数组使用foreach循环还是for循环?本文着重讲解for语句的语法并给出使用实例,同时总结出尽量使用foreach语句遍历数组,需要的朋友可以参考下从JDK1.5 ...
php sql取数据生成数组中,php中实现数组生成要执行的sql语句
本篇文章主要介绍php中实现数组生成要执行的sql语句,感兴趣的朋友参考下,希望对大家有所帮助. 会不会碰到这样一种情况呢?每次获取数据将数据和历史版本都有一定的差别,然而用ThinkPHP的addA ...
遍历 in java_[Java教程]JavaScript中遍历数组最好不要使用 for in 遍历
[Java教程]JavaScript中遍历数组最好不要使用 for in 遍历 0 2017-01-14 00:01:52 先看一段代码1 2 3 4 5 Document 6 7 8 9 21 2 ...
java和js中遍历数组和对象的总结
java和js中遍历数组和对象的总结在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...
JavaScript中遍历数组的方法
目录 JavaScript中遍历数组的方法 1.for 循环遍历 2.forEach 遍历 3.map 遍历 4.for...of 遍历 5.filter 遍历 6.some 遍历 7.keys,va ...

React中遍历数组生成标签

React中遍历数组生成标签

React中遍历数组生成标签相关推荐

最新文章

热门文章