Реагировать на переход CSST между под маршрутами - PullRequest
2 голосов
/ 11 марта 2019
App Component:
<TransitionGroup>
    <CSSTransition classNames="slide">
        <Switch>
            <Route path='/page1' component={Page1} />
            <Route path='/page2/:tab' component={Page2} />
        </Switch>
    </CSSTransition>
</TransitionGroup>


Page2 Component:
<TransitionGroup>
    <CSSTransition classNames="fade">
        <Switch>
            <Route path='/tab1' component={T1} />
            <Route path='/tab2' component={T2} />
        </Switch>
    </CSSTransition>
</TransitionGroup>

Я хочу два типа анимации. Один между страницами и один между вкладками внутри страницы. Но когда я нажимаю на page2 / tab1 или page2 / tab2, анимация страниц (слайд) применяется. Когда я хочу применить анимацию вкладок (исчезать). Есть ли способ это исправить?

...