reactjs - react-transition-group 中的多个转换

Question

如何使用 react-transition-group 更改转换（2.4.0，如果重要的话）？

我目前有以下结构（使用 react-router）

<CSSTransition key={x} timeout={100} classNames={transition}>
    <Switch>
        <Route render={() => <span>foo</span>}/>
        <Route render={() => <span>bar</span>}/>
    </Switch>
</CSSTransition>

它适用于 fixed classNames，但我希望某些页面具有不同的过渡。

如果我只是更改 的classNames，CSSTransition它似乎会破坏状态，它最终会放置-enter-done新动画的-enter类，但旧动画的类仍然存在。