2

我正在使用CSSTransition它,它与组件配合得非常好:

<CSSTransition timeout={330} in={state.isPopupOpen} classNames="popup" unmountOnExit>
    <MyComponent />
</CSSTransition>

我想知道当我通过以下CSSTransition方式打开/关闭页面时是否可以使用一个很好的过渡Route

<BrowserRouter>
    <Switch>
        <Route path="/page1">
            <CSSTransition timeout={330} in={state.isPageOpen} classNames="page" unmountOnExit>
                <Page1 />
            </CSSTransition>
        </Route>
        <Route path="/page2">
            <Page2 />
        </Route>
    <Switch>
</BrowserRouter>

<Link to="/page1">Link example</Link>

我试过了,没有成功。不能这样使用CSSTransition吗?您还有其他类似的解决方案吗?

4

0 回答 0