react如何循环列表-创新互联
这篇文章主要介绍了react如何循环列表,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
创新互联建站专业为企业提供宾川网站建设、宾川做网站、宾川网站设计、宾川网站制作等企业网站建设、网页设计与制作、宾川企业网站模板建站服务,十载宾川做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。react循环列表的方法:1、map循环,代码为【let MyDom =arr.map((item,index)=>】;2、for循环,代码为【for(var i=0;i
react循环列表的方法:
1.map循环
遍历倒是能在页面上显示,控制台却报错了,原因是你得设置的key,方便之后对数组进行操作
加上key值之后则不会报错
如果在return之后的代码想换到下一行,直接回车好用么?
//直接回车换行 return{item}
当然不好用,解决办法就是使用()包裹元素,换行之后才能正常显示
所以养成一个习惯:无论换不换行都加上 ()
//用括号包裹住换行元素 let MyDom =arr.map((item,index)=>{ return ({item}
) })
2.for in循环
function fun(){ let newarr=[]; for(let index in arr){ newarr.push({arr[index]}
) } return newarr; } ReactDOM.render(fun(),document.getElementById("demoReact"))
3.for循环
function fun(){ let newarr=[]; for(var i=0;i{arr[i]}) } return newarr; }
4.for each循环
function fun(){ arr.forEach(a=>{ console.log(a); }) }
感谢你能够认真阅读完这篇文章,希望小编分享react如何循环列表内容对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,遇到问题就找创新互联网站建设公司,,详细的解决方法等着你来学习!
分享文章:react如何循环列表-创新互联
网页链接:http://ybzwz.com/article/dshcgd.html