gpt4 book ai didi

reactjs - React-Spring useTransition 随机排列我的列表项

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

我有一个使用 React-Spring 过渡呈现的标签列表。这个想法是,您可以添加项目,如果超过 5 个,则会出现“显示更多”按钮。按此按钮可以切换是显示所有标签还是仅显示前五个标签。

问题是当我从“显示更多”转到“显示更少”时。我注意到,在我的项目被隐藏之前,除了第一个之外的所有项目都移到了列表的开头,产生了一种奇怪的效果,您可以看到第一个标签更改其文本并消失,然后留下最后一个标签(第一个标签) ' 文本)。

我附加了一个可以重现此问题的小沙箱。它有 10 个项目,您可以打开和关闭它,但它重现了这个奇怪的错误:https://codesandbox.io/s/thirsty-mountain-ut3r9

有什么解决办法吗?

最佳答案

我终于拥有了。如果您将react-spring版本升级到9 beta并从过渡中删除重置,它会按预期工作。

https://codesandbox.io/s/adoring-tu-yypii

关于reactjs - React-Spring useTransition 随机排列我的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56604717/

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