02-列表渲染

// 02-列表渲染

import React from 'react'
import ReactDOM from 'react-dom'
//注意事项
//  1:react 使用数组map()方法遍历
//  2:渲染列表时需要添加key属性,key属性值需要唯一性

const arr = [
  {id:1,name:'张三'},
  {id:2,name:'李三'},
  {id:3,name:'吴三'},
]
const list = (
  <ul>
    {arr.map(item=><li key={item.id}>{item.name}</li>)}
  </ul>
)

ReactDOM.render(list,document.getElementById('root'))