handleEnter = (e) => {
        let array = null;
        if (e.nativeEvent.fromElement && e.nativeEvent.fromElement.classList.contains('dropZone') || e.nativeEvent.fromElement && e.nativeEvent.fromElement.classList.contains('result')){
            let elements = e.nativeEvent.fromElement.classList.contains('dropZone') ? [].slice.call(e.nativeEvent.fromElement.querySelectorAll('.result')) : [].slice.call(e.nativeEvent.fromElement.parentNode.querySelectorAll('.result')) ;
            if (elements.length > 0){
                if (elements.length > this.state.actualOrder.length || elements.length < this.state.actualOrder.length){
                    this.setState({actualOrder:elements})
                }
            }
        } else{
            if (e.nativeEvent.relatedTarget){
                if (e.nativeEvent.relatedTarget.classList.contains('result')){
                    const resultsRes = [].slice.call(e.nativeEvent.relatedTarget.parentNode.querySelectorAll('.result'));
                    // console.log(resultsRes)
                    if (resultsRes.length > 0){
                        if (resultsRes.length > this.state.actualOrder.length || resultsRes.length < this.state.actualOrder.length){
                            this.setState({actualOrder:resultsRes})
                        }
                    }
                } else{
                    const resultsDrop = [].slice.call(e.nativeEvent.relatedTarget.querySelectorAll('.result'));
                    if (resultsDrop.length > 0){
                        if (resultsDrop.length > this.state.actualOrder.length || resultsDrop.length < this.state.actualOrder.length){
                            this.setState({actualOrder:resultsDrop})
                        }
                    }

                }
            }
        }

    };