Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.03.2019, 08:50
Аспирант
Отправить личное сообщение для gsdev99 Посмотреть профиль Найти все сообщения от gsdev99
 
Регистрация: 03.02.2019
Сообщений: 72

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно сделать поиск по массиву? gsdev99 Элементы интерфейса 4 12.02.2019 16:51
Как правильно добавить/удалить элемент в массив (из массива)? gsdev99 Элементы интерфейса 2 12.02.2019 12:15
Как правильно реализовать замену? suxxoi AJAX и COMET 9 29.09.2016 18:30
Пасоны, как правильно парсить параметры? megaupload Оффтопик 15 05.05.2013 14:44
Как правильно очистить maxlength в input? Маэстро Events/DOM/Window 10 22.06.2011 18:14