react中的map遍历

电玩女神 2022-07-15 13:42 370阅读 0赞 
  1. <ul id="ul_rwardList">
  2.     {
  3.         this.state.reward.map(function (item) {
  4.             return (
  5.                 <li className="db vh" key={item.id}>
  6.                     <div className="fx1">{item.num}</div>
  7.                     <div className="fx1">{item.username}</div>
  8.                     <div className="fx1 text-right">{item.rward_time}</div>
  9.                 </li>
  10.             )})
  11.     }
  12. </ul>
  14. tips:使用map遍历时,需要给子元素添加一个key,作为唯一的标识,而且key值必须要连续

发表评论

表情：
评论列表 （有 0 条评论，370人围观）

还没有评论，来说两句吧...

相关阅读

    相关 C++中map的遍历

    一 点睛 map数据的遍历，也有3种方法 应用前向迭代器方式 应用后向迭代器方式 应用数组方式 二 map反向迭代器的使用实战 1 代码 i

    女爷i女爷i/ 0 赞/ 1144 阅读