React的列表组件必须要有key？

一、列表组件没有key属性会warning？

1、key提高性能

当创建列表组件时，必须给每一个元素设置 key 属性，否则会有警告： a key should be provided for list items。如果元素没有key属性，React很难判断元素应该怎么渲染？如果元素有key值，那么React只对匹配key值的元素，进行更改等渲染操作，这样极高提升了运行性能。

---

二、列表组件使用说明

1、错误用法

function ListItem(props) {
   
    const value = props.value;
    return (
        // 错误！你不需要在这里指定 key：
        <li key={
   value.toString()}>
            {
   value}
        </li>
    );
}

function NumberList(props) {
   
    const numbers = props.numbers;
    const listItems = numbers.map((number) =>
        // 错误！元素的 key 应该在这里指定：
        <ListItem value={
   number} />
    );
    return (
        <ul>
            {
   listItems}
        <