寻找一种方法来构建没有Bootstrap的漂亮动画ReactJS轮播

Question

我在这里得到了我的ReactJS代码。这是一个简单的内联转盘。我真的想在没有Bootstrap的帮助下构建一个漂亮的旋转木马。我想在图像之间放一些缓慢的滑动动画我不能。

这是我最近的代码。非常感谢你们的坚持，看看先生们。

       `class LoadIMG extends Component{
         constructor(props){
         super(props);
         this.state = {
         number : 1
         }
          }
          prev(){
          this.setState({
         number : this.state.number == 1 ? 1: this.state.number - 1
         })
         }
         next(){
         this.setState({
         number : this.state.number == 4 ? 4: this.state.number + 1
         })
         }
         render(){
         return(
         <div>
        <img src={"images/" + this.state.number + ".jpg"}/>
        <button onClick={this.prev.bind(this)} className="button"> 
        Prev</button>
        <button onClick={this.next.bind(this)} className="button"> 
        Next</button>
       </div>
        )
         }
       }
        export default LoadIMG;`