如果要渲染一组数据,应该使用数组的map()方法
注意:渲染列表时应该添加key属性,key属性的值要保证唯一
原则:map()遍历谁,就给谁添加key属性
注意:尽量避免使用索引号作为key
//1. 导入react import React from 'react'; import ReactDOM from 'react-dom'; /* 列表渲染: */ // 歌曲列表: const songs = [ {id: 1, name: "痴心绝对"}, {id: 2, name: "像我这样的人"}, {id: 3, name: "南山南"}, ] const list = ( <ul> {songs.map(item => <li key={item.id}>{item.name}</li>)} </ul> ) // 渲染react元素 ReactDOM.render(list, document.getElementById('root'))
原文地址:https://www.cnblogs.com/wsl56/p/15514753.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。