当<div>在ReactJS-render（）中显示时显示滑动动画

Question

说这是2个div在我的React应用程序中显示和隐藏的方式。当两个div出现时，如何向它们添加动画？

render() {
   return (
       {this.state.showDiv1 ?
           <div className="div1">
              ...
           </div>
           :
           <div className="div2">
              ...
           </div>
        }
   )
}