У меня есть список меток, которые я визуализирую с помощью перехода React-Spring. Идея в том, что вы можете добавлять элементы, и если их больше 5, появится кнопка «Показать еще». Нажатие этой кнопки переключает отображение всех ярлыков или только первых пяти.
Проблема в том, что я перехожу от «Больше показываю» к «Меньше показываю». Я заметил, что до того, как мои элементы были скрыты, все они, кроме первого, перемещались в начало списка, создавая странный эффект, когда вы могли видеть, как первые метки меняют свой текст и исчезают, прежде чем оставить последние (с первыми метками текст).
Я прикрепил небольшую песочницу, которая воспроизводит эту проблему. В нем 10 элементов, и вы можете открывать и закрывать его, но он воспроизводит эту странную ошибку: https://codesandbox.io/s/thirsty-mountain-ut3r9
Есть какие-нибудь советы, как это решить?