当前第2页 返回上一页
react中的map遍历
1 2 3 4 5 6 7 8 9 10 11 12 | <ul id= "ul_rwardList" >
{
this .state.reward.map( function (item) {
return (
<li className= "db vh" key={item.id}>
<div className= "fx1" >{item.num}</div>
<div className= "fx1" >{item.username}</div>
<div className= "fx1 text-right" >{item.rward_time}</div>
</li>
)})
}
</ul>
|
tips:使用map遍历时,需要给子元素添加一个key,作为唯一的标识,而且key值必须要连续
以上就是react怎么循环map的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
React如何引入css
安装React脚手架会报错怎么办
写React用什么编辑器
React如何区分class和function定义的组件
React中的refs是什么
React怎么显示隐藏
React中const是什么
React有哪些ui框架?
React native有什么用?
React中怎么安装sass
更多相关阅读请进入《React》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » react怎么循环map