本文已参与「新人创作礼」活动，一起开启掘金创作之路。

列表渲染滚动条不会在指定位置，而是返回到初始状态

在react

当列表元素被指定了 key 时，React 会利用 key 准确的进行 Diffing 操作，而不是粗暴地逐个比较，以至于重新渲染整个列表。

而造成 滚动条变动或者滚动 就是因为 key 每次渲染的不一致所造成的

解决的方法就是

用ID或者列表的唯一值来替代key 而不是每次渲染的时候 都是一个不一样的key