gpt4 book ai didi

reactjs - 重新渲染后保持滚动-y

转载 作者:行者123 更新时间:2023-12-03 13:24:17 24 4
gpt4 key购买 nike

我的下拉列表中有很多复选框,所以这个容器有滚动。但是当我单击任何复选框时 - 它会选择\取消选择自身,然后状态发生变化。

所以问题是重新渲染后这个容器又回到了顶部。是否可以在渲染后保留容器的滚动而不将其保存到状态?

最佳答案

您可以在提交阶段之前保存滚动位置的“快照”。

getSnapshotBeforeUpdate()显示您正在寻找的内容。

文档示例将当前滚动位置保存在 getSnapshotBeforeUpdate 生命周期方法中,然后使用传递给 componentDidUpdate(prevProps, prevState, snapshot) 的 snapshot code> 作为恢复滚动位置的最后一个参数。

它不需要创建一个状态来保存您请求的滚动位置。

关于reactjs - 重新渲染后保持滚动-y,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53044740/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com