我有一个使用 React-Spring 转换呈现的标签列表。这个想法是您可以添加项目,如果您有超过 5 个项目,则会出现一个“显示更多”按钮。按下此按钮可切换您是显示所有标签还是仅显示前五个标签。
问题是当我从“显示更多”转到“显示更少”时。我注意到在我的项目被隐藏之前,除了第一个项目之外,所有项目都移动到列表的开头,产生了一种奇怪的效果,你可以看到第一个标签改变了它们的文本并消失,然后离开最后一个标签(第一个标签' 文本)。
我附上了一个重现此问题的小沙箱。它有 10 个项目,您可以打开和关闭它,但它重现了这个奇怪的错误:https ://codesandbox.io/s/thirsty-mountain-ut3r9
关于如何解决它的任何提示?