4

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

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

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

关于如何解决它的任何提示?

4

1 回答 1

1

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

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

于 2019-06-15T06:20:37.100 回答