gpt4 book ai didi

reactjs - 在 react 虚拟化列表中使用可折叠面板

转载 作者:行者123 更新时间:2023-12-04 03:15:06 48 4
gpt4 key购买 nike

我已经设法渲染了一个 react-virtulized List,我向其传递了一组 react-bootstrap Panels。我已经测量了我的每一行,并且通过子回调,每次单击其中一个子面板时,父状态中的属性都会更新。所述属性用于 react-virtualized List rowHeight() 函数顶部检查该面板当前是否展开。然后,对我的 List 使用 ref,我调用 recomputeRowHeights(index)forceUpdateGrid() 方法说ref

问题是,虽然 List 组件正确地更新了我的行的高度和位置,但动画并不流畅。我的意思是,引导展开动画效果很好,但展开行的高度变化在点击事件后立即发生,然后动画开始,感觉有点不稳定。

是否有解决此问题的方法,或者这是 react-virtualized 即将推出/计划中/正在进​​行中的功能?

最佳答案

不幸的是,我没有花太多时间在 react-virtualized 中处理或优化调整大小动画。听到您提到的调整大小/重新定位有点不稳定,我并不感到惊讶。

这是您可以添加动画的一种方式的简单示例:plnkr.co/edit/VanCAQmSkUejp3hbJUyJ?p=preview。并不意味着没有错误,只是一个例子。 :D

关于reactjs - 在 react 虚拟化列表中使用可折叠面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41747466/

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