react中的for循环

Posted 2022-05-06 fengshaopu

 在最上面定义数据在标签通过map循环

import './aap.css'
import React from 'react';
var arr =[
  
    id: 1,
    text: '我是第一条数据'
  ,
  
    id: 2,
    text: '我是第二条数据'
  ,
  
    id: 3,
    text: '我是第三条数据'
  
]
class  examplePage extends React.Component 
render() 
    return (
    <div>
       <table> arr.map(item=>
        return <td key=item.id>item.text</td>
       )</table>

<ul>

  arr.map(item => 
    if (item.id === 2) return 
    return <li key=item.id>item.text</li>
  )

</ul>
</div>

    )



  
  export default examplePage;

  

 

创作打卡挑战赛 赢取流量/现金/CSDN周边激励大奖