**只有当出现一串一样的元素的时候** ，这个时候 Virtual DOM 去 reconciliate（搞） DOM 的时候会傻傻分不清楚。 > 别的时候不要用 key，key 已经出现在 virtual dom diff/reconciliation 的阶段，效率要更低于 shouldComponentUpdate，所以尽量通过 shouldComponentUpdate 来决定是否要 render component。  官网文档的这个例子 ~~~ renderA: <div><span>first</span></div> renderB: <div><span>second</span><span>first</span></div> => [replaceAttribute textContent 'second'], [insertNode <span>first</span>] ~~~ 其实是往第一个位置插入了一个 span，但是会被 diff 成 * 替换内容 first 到 second * 插入内容为 first 的 span 不光是这样会更慢的问题，如果你在 first 上绑有事件的话，重新 render 后因为是 replace 了内容，因此这是原来的事件会变成 second 的事件，这样就 **完全错乱** 了。