2.数据循环(foreach,map)

// 数据循环的
// 数据循环的forEach
let arr = [
  {
    name : 'wuyut',
    age:18,
  },
  {
    name : 'yzw',
    age:20,
  }
]
const list = []
arr.forEach((item,index)=>{
  list.push(
    <ul key={index}>
      <li>{item.name}</li>
      <li>{item.age}</li>
    </ul>
  )   
})

// 数据循环map
let mapArr = [
  {
    school : '广州小学',
    arr:'1'
  },
  {
    school : '揭阳',
    arr:'2'
  },
]

let mapList = mapArr.map((item,index)=>{
  return(
    <ul key={index}>
      <li>{item.school}</li>
      <li>{item.arr}</li>
    </ul>
  )
})

function App() {
  return (
    <div>
      <h2>forEach的循环 : </h2>
      {list}
      <h2>mapList的循环 : </h2>
      {mapList}
    </div>
  );
}

export default App;