DaMeng

react列表和key

发表于 更新于 分类于 ， 
1
2
3
4
5
6
7
8
9
10
11
12
13
function ListItem(props){
    return <li>{props.num}</li> ;
}

function NumList(props){
    const nums = props.nums;
    const listItems = nums.map(function(num){
        //重要：map中配置key属性
        return <ListItem key={num.toString()} num={num} ></ListItem>
    })

    return <ul>{listItems}</ul>
}