React-Spring useTransition 随机播放我的列表项

React-Spring useTransition shuffles my list items around

我有一个使用 React-Spring Transition 呈现的标签列表。 这个想法是你可以添加项目,如果你有超过 5 个,就会出现一个 "Show more" 按钮。按下此按钮可切换是显示所有标签还是仅显示前五个标签。

问题是当我从 "Showing more" 传递到 "Showing less" 时。我注意到在我的项目被隐藏之前,除了第一个项目之外的所有项目都移到了列表的开头,产生了一种奇怪的效果,你可以看到第一个标签改变了他们的文本并消失,然后离开最后一个标签(第一个标签'文本)。

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

有什么解决方法吗?

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

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