Всем привет. Это продолжение вопроса:
Как правильно следующую сортировку (React)?
На базе этого функционала мне необходимо сделать следующую анимацию.
Первый элемент должен уйти в opacity: 0. А последующий анимировано встать на его место. (на prev что-то похожее на правду, только сейчас на его место встает лишь соседний элемент)
Я предоставлю мои безуспешные попытки, где более или менее работает prev. Я понимаю, что у меня дублирование и работа с ref, а правильно работать с состоянием. Но, тем не менее, прошу вашей помощи, как сделать данную реализацию правильно.
https://codepen.io/gsdev99/pen/pYqmRr
Второй вариант:
https://codepen.io/gsdev99/pen/qvLerP
Фактически мне нужно, чтобы next работал также как и prev.
