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>

对于固定的classNames来说，它可以很好地工作，除了我希望某些页面具有不同的过渡效果。

如果我只是更改classNames的{​​{1}}，似乎它破坏了状态，最终导致放置了新动画的CSSTransition类，但是{{1 }}仍然是旧的。