react 中为什么在数组遍历时要给一个key值

this.state={

        var arr = [ a , b , c , d ];

}

//组件中

this.state.arr.map((item,index,arr)=>{

        return <li key={item.index}>//一般建议给一个能够保证唯一和稳定的键值，最好不要用索引。

                        {item}

            </li>

})

解释：因为react中渲染dom是通过render方式，也就是通过虚拟的dom与真实的存在的dom树比较之后发现哪不一样，再进行渲染，这样的渲染对于性能的提升很有帮助，所以键值在保证稳定性,唯一性的时候，在遍历寻找需要改变的地方时候就能很块的找见并对其进行操作，如果键值不是稳定的而是变化的就会使渲染更改dom的效率大大的打折。

附：https://reactjs.org/docs/reconciliation.html#recursing-on-children