SonyFan23
@SonyFan23

Как анимировать компонент в React?

Подскажите, как анимировать компонент в React?
Отрисовываю их таким образом:
<Switch>
                    {
                        routesArray.map((item: any, index: number) => (
                            <Route
                                exact={item.exact}
                                component={item.component}
                                path={item.path}
                                key={index}
                            />
                        ))
                    }
</Switch>


Нужно юзать slideInRight, когда идем вперед, slideInLeft, когда нажимаем на стрелку назад и fadeIn при нажатии на элементы навбара
Я понимаю, что есть animate css, я смотрел эту либу, я не понимаю как мне реализовать анимации при монтировании, размонтировании компоненты и нажатии на элементы навбара

GitHub
Само приложение: https://nikitabudkovskiy.github.io/hookah-mixer/

Я видел примеры, но чаще всего в примерах используется, одна анимация, а мне это не подходит.
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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