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