@uzi_no_uzi

Почему блок резко появляется ReactCSSTransitionGroup?

Имеется вот такой код:

https://codepen.io/anon/pen/GPxzxZ

При случаи case 'product' происходит что-то непонятное. При появлении блок не анимируется, а резко появляется. Не могу понять в чем причина, при всем этом, исчезает блок плавно.

Что еще интересно, это если, например анимация исчезновения прошла не до конца, а появление блока вызвано опять, то анимация появления работает, а когда с нуля, то нет. Что еще более интересно, это то, что такой же блок с такими же настройками отлично работает при появлении и при исчезновении, я говорю о case: 'search'.

В чем может быть проблема? Уже несколько часов ломаю голову, ничего не выходит.
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
Простите, но у вас очень грязный код. Вынесите всю логику в отдельные методы из рендера.

Касательно анимации - https://reactjs.org/docs/animation.html
`transitionName` - это класс анимации, а не страницы. Посмотрите внимательно документацию.

Подключите библиотеку classname. Избежите таких конструкций:
if(this.state.open == true) {
            classList = 'main-wrapper main-wrapper--active';
        } else {
            classList = 'main-wrapper';
        }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Spar-online Нижний Новгород
от 150 000 до 170 000 руб.
Enapter Санкт-Петербург
от 160 001 руб.
YLab Тольятти
от 90 000 до 140 000 руб.
22 янв. 2019, в 14:31
1000 руб./за проект
22 янв. 2019, в 14:17
1500 руб./за проект
22 янв. 2019, в 14:05
1000 руб./за проект