我正在处理较小的列表,我们需要一个选项来扩展项目(并更改它的高度)。 似乎当前的 api 不支持。 resetAfterIndex
导致重新渲染,但不会刷新实际项目的高度。 react-window
目前支持这个选项吗?
resetAfterIndex
应该适用于您所描述的内容。 事实上,有针对 this 的单元测试。
你能指点我一个显示什么对你不起作用的再现吗? 这是一个代码沙箱,您可以通过 fork 开始使用。
我在布赖恩的例子中添加了可扩展的项目,它的工作原理: https :
希望能帮助到你。
我现在要关闭这个。 如果提供重现步骤,将重新打开。 😄
我知道这暂时关闭了,但是动画扩展 div 呢。 不仅仅是具有 2 个硬编码值的东西。 我需要使用material-ui
ExpansionPanel
,但是实现它给我留下了一个扩展但不会取代列表其余部分的面板。
谢谢你,它帮了我很多
@fonty422你有没有找到动画扩展 div 的解决方案?
@itayganor我最终使用了一个不同的包(react-virtuoso)并通过了提供预先剔除的项目列表的不那么痛苦(但仍然痛苦)的方法。 此外,material-ui 页面将其作为对大型列表的推荐(与 react-window 一起)进行了讨论。 演示页面会告诉你它是否对你的目的有好处。
@fonty422这太棒了。 很简单。 谢谢!
我实际上有一个问题,但我不想在这个讨论中发送垃圾邮件,所以我在那里创建它。
最有用的评论
我知道这暂时关闭了,但是动画扩展 div 呢。 不仅仅是具有 2 个硬编码值的东西。 我需要使用
material-ui
ExpansionPanel
,但是实现它给我留下了一个扩展但不会取代列表其余部分的面板。