Reactjs React-Spring useTransition将我的列表项四处移动

Reactjs React-Spring useTransition将我的列表项四处移动,reactjs,react-spring,Reactjs,React Spring,我有一个使用React-Spring转换渲染的标签列表。 这个想法是,你可以添加项目,如果你有超过5个,一个“显示更多”按钮将出现。按下此按钮可切换是显示所有标签还是仅显示前五个标签 问题是当我从“展示更多”转到“展示更少”。我注意到,在我的项目被隐藏之前,除了第一个,所有的项目都被移动到了列表的最下方,产生了一种奇怪的效果,你可以看到第一个标签改变了它们的文本并消失,然后留下最后一个标签(第一个标签的文本) 我已经附加了一个小沙箱,重现了这个问题。它有10个项目,你可以打开和关闭它,但它复制了

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

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

我已经附加了一个小沙箱,重现了这个问题。它有10个项目,你可以打开和关闭它,但它复制了这个奇怪的错误:


关于如何解决这个问题有什么建议吗?

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


你的两次转变首先让我感到困惑。但我现在明白了,现在只有一个是计数。我做了很多事情都没有成功。我用useRef实现的所有功能是,第一个节点仍保留在动画中。我也不明白,如果你到了那里,请发布一个解决方案。太好了!非常感谢你!