React-Spring useTransition перемешивает мой список - PullRequest
4 голосов
/ 14 июня 2019

У меня есть список меток, которые я отображаю с переходом React-Spring. Идея состоит в том, что вы можете добавлять элементы, и если у вас больше 5, появится кнопка «Показать больше». Нажатие этой кнопки переключает, когда вы показываете все метки или только первые пять.

Проблема в том, что я перехожу от «Показывать больше» к «Показывать меньше». Я заметил, что до того, как мои предметы были скрыты, все они, кроме первого, переместились в начало списка, создавая странный эффект, при котором вы можете видеть, как первые метки меняют свой текст и исчезают, прежде чем покинуть последние (с первыми метками). 'текст).

Я прикрепил небольшую песочницу, которая воспроизводит эту проблему. В нем 10 предметов, и вы можете открыть и закрыть его, но он воспроизводит эту странную ошибку: https://codesandbox.io/s/thirsty-mountain-ut3r9

Какие-нибудь советы по ее решению?

1 Ответ

1 голос
/ 15 июня 2019

Наконец-то у меня это есть.Если вы обновите версию response-spring до 9 beta и удалите сброс из перехода, он будет работать как положено.

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

...