Reactjs 反应过渡族中的多重跃迁

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

我目前有以下结构（使用react路由器）

foo}/>
bar}/>

它适用于固定的

类名

，但我希望某些页面具有不同的转换

如果我只是更改

cstranslation

的

classNames

，它似乎会破坏状态，它最终会放置新动画的

-enter done

类，但旧动画的

-enter

类仍然保留

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