JSX的基本使用----JSX的列表渲染

渲染列表使用的数组的map方法

规则:渲染谁给谁加唯一的固定的key值

不推荐使用索引:因为当数组发生添加/删除成员时,索引会发生改变

const list=[
   {id:1,city:'北京'},
   {id:2,city:'上海'},
   {id:3,city:'广州'},
   {id:4,city:'深圳'}
 ]

const lis=list.map(item=>(<li key='{item.id}'>{item.city}</li>))

const dv=(
  <ul>{lis}</ul>
 )

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