工作中遇到个问题,最开始有一个list,和一个checkedList 。 list是原始数据,checkedList是选中的数据,通过checkedList的值判断list的哪些item被选中,超出部分隐藏,
就有如下效果:
代码如下:
但是有个问题,当我们滑动到下面一点选中复选框的时候,他会选中那条数据,但是滚动条会立马回到顶部这样对用户体验非常不好
经过仔细排查发现是overflow导致,当我们把overflow放到父组件时触发useState就不会改变滚动条
具体什么原理导致目前不敢确定,猜想是重新渲染时重置了子组件滚动条,有没有大佬解释下