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   <ul>
16     {arr.map(item=><li key={item.id}>{item.name}</li>)}
17   </ul>
18 )
19 
20 ReactDOM.render(list,document.getElementById('root'))

 

posted @ 2022-02-16 16:56  前端CodingPeasant  阅读(25)  评论(0)  编辑  收藏  举报