關(guān)于react事件沖突

假設(shè)當(dāng)前有5個div，每個div都有一個hover事件，當(dāng)hover時這個div會執(zhí)行一段動畫，當(dāng)已勻速去依次hover時，事件效果正常，但當(dāng)你迅速移過它們時，就會出現(xiàn)一個動畫還沒結(jié)束，另外一個動畫又開始，該如何去避免這樣的現(xiàn)像？
動畫效果是用css3實現(xiàn)的。

我的做法是用setTimeout,但是，沒有效果，所以向各位請教怎么處理這個問題？

大致的代碼：

   enterFunc(index){
         this.setState({
             currenIndex:index
         })
   }

   render(){
       return (
            <div className="test">
                {   //class 'on'里有動畫
                  this.props.arr.map((item,index) => {
                      <div 
                      className={this.state.currentIndex === index?'list on':'list'}
                      onMouseEnter={this.enterFunc.bind(this,index)}
                      >
                           //內(nèi)容。。
                      </div>
                  })
                }
            </div>
       )
   }