欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

React.js循环渲染问题代码分析

程序员文章站 2022-08-09 16:53:24
react.js循环渲染问题代码分析 render:() => { let items = []; let items2 = []; for (let i =...

react.js循环渲染问题代码分析

render:() => {  
  let items = [];  
  let items2 = [];  
  for (let i = 0; i < 3; i++) {  
     items.push(<p classname="item">{i}</p>);  
  }  
  items.foreach((item,index)=>{items2.push({...item},key:index)})  
  return (  
    <p>  
      {items2}  
    </p>  
  )  
}  

// items2用于增加一个keydva+antdesign,由于数据格式问题,table不能直接渲染所有数据需要使用render函数对dom进行渲染。