反应动画＆＃34; slideInOut＆＃34;在渲染更改

Question

我有一个可以渲染不同组件的组件。我想在渲染的组件发生变化时进行动画过渡。

示例：

class Container extends React.Component {
  state = {
    showing: 'primary'
  }
  render () {
    const { showing } = this.state

    const whichComponent = (showing === 'primary') ? <Primary /> : <Secondary />

    return (
      <div>
        {whichComponent}
      </div>
    )
  }
}

当状态发生变化时，＆＃34;中学＆＃34;组件被渲染，我想引入一个基本上是SlideOut和SlideIn的过渡（但此时我会采取任何措施）。

我试过react-transition-group无济于事，我似乎无法找到有效的方法。任何提示或指示正确的方向，将不胜感激。