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 @   前端CodingPeasant  阅读(25)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示