Javascript.RU

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

Как сбрасывать классы при setState() в React?
Ребята, подскажите, пожалуйста, ответ на следующий вопрос. У меня есть следующая логика:
Я вызываю событие при click на button. На первый и второй элемент списка я вызываю анимацию (добавляю классы). После их добавления, я делаю setState() и переформирую исходный массив, и снова его рендерю. Мне необходимо, чтобы при этом классов уже небыло. Если сделать remove, то они анимировано удаляться, что мне не нужно.
https://codepen.io/gsdev99/pen/qvLerP
Идея анимации в том, чтобы первый элемент ушел в opacity. А соседи встали на его место (анимированно).
Фактически мне нужно, чтобы next работал также как и prev.

Последний раз редактировалось gsdev99, 23.03.2019 в 11:46.
Ответить с цитированием
  #2 (permalink)  
Старый 23.03.2019, 12:03
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

https://codepen.io/Malleys/pen/EMrYVL
Ответить с цитированием
  #3 (permalink)  
Старый 23.03.2019, 12:44
Аспирант
Отправить личное сообщение для gsdev99 Посмотреть профиль Найти все сообщения от gsdev99
 
Регистрация: 03.02.2019
Сообщений: 72

Огромное спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
React Router - re-render компонента при смене url smegol Библиотеки/Тулкиты/Фреймворки 9 29.09.2018 23:58
Table - как избавиться от автоматич. уменьшения ширины при уменьшении размера экрана? eugen35 (X)HTML/CSS 5 22.08.2014 12:25
Как избежать полосы прокрутки при анимации Bizon4ik Общие вопросы Javascript 4 21.06.2014 13:51
Как задать изменение src при прокрутке chandler Элементы интерфейса 3 12.01.2012 01:23
JS классы - как объединить функции в класс olga153b Events/DOM/Window 3 01.11.2011 14:13