列表渲染_key

key 帮助 React 识别哪些元素改变了，比如被添加或删除。因此你应当给数组中的每一个元素赋予一个确定的标识

一个元素的 key 最好是这个元素在列表中拥有的一个独一无二的字符串。通常，我们使用数据中的 id 来作为元素的 key

当元素没有确定 id 的时候，万不得已你可以使用元素索引 index 作为 key

xxxxxxxxxx
import React,{Component} from "react"

export default class Demo extends Component{

    constructor(){
        super();
        this.state = {
            names:["iwen","ime"]
        }
    }

    clickHandler(){
        this.setState({
            names:this.state.names.concat(["frank"])
        })
    }

    render(){
        return(
            <div>
                <button onClick={ () => this.clickHandler() }>添加数据</button>
                <ul>
                    {
                        this.state.names.map((item,index) =>{
                            return <li key={index}>{ item }</li>
                        })
                    }
                </ul>
            </div>
        )
    }
}

更多关于key的参考：https://robinpokorny.com/blog/index-as-a-key-is-an-anti-pattern/