如果要渲染一组数据，应该使用数组的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'))
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。