02-列表渲染


 1 // 02-列表渲染
 2 
 3 import React from 'react'
 4 import ReactDOM from 'react-dom'
 5 //注意事项
 6 //  1:react 使用数组map()方法遍历
 7 //  2:渲染列表时需要添加key属性,key属性值需要唯一性
 8 
 9 const arr = [
10   {id:1,name:'张三'},
11   {id:2,name:'李三'},
12   {id:3,name:'吴三'},
13 ]
14 const list = (
15   
    16 {arr.map(item=>
  • {item.name}
  • )} 17
18 ) 19 20 ReactDOM.render(list,document.getElementById('root'))