@uzi_no_uzi

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

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

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

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

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

В чем может быть проблема? Уже несколько часов ломаю голову, ничего не выходит.
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 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';
        }
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы