Javascript 在React中检测向左/向右滑动

Javascript 在React中检测向左/向右滑动,javascript,reactjs,Javascript,Reactjs,我正在尝试检测左右滑动,但我遇到了一个问题,例如,如果用户向上或向下滑动,并稍微向一侧移动一点,它会将其检测为向左滑动(例如) 构造函数(道具){ 超级(道具) 此.state={ initialClientX:0, 最终客户端:0, } } handleTouchStart(事件){ 这是我的国家({ initialClientX:event.nativeEvent.Touchs[0]。clientX }); } handleTouchMove(事件){ 这是我的国家({ finalClien

我正在尝试检测左右滑动,但我遇到了一个问题,例如,如果用户向上或向下滑动,并稍微向一侧移动一点,它会将其检测为向左滑动(例如)

构造函数(道具){
超级(道具)
此.state={
initialClientX:0,
最终客户端:0,
}
}
handleTouchStart(事件){
这是我的国家({
initialClientX:event.nativeEvent.Touchs[0]。clientX
});
}
handleTouchMove(事件){
这是我的国家({
finalClientX:event.nativeEvent.Touchs[0]。clientX
});
}
handleTouchEnd(){
if(this.state.finalClientX

我怎样才能使它不太敏感?我还应该跟踪clientY吗?

我最后还检查了clientY以及阈值

if ((this.state.finalClientX > this.state.initialClientX)
    && (this.state.finalClientY - this.state.initialClientY < 10)) {
        console.log('swipe left')
}
if((this.state.finalClientX>this.state.initialClientX)
&&(this.state.finalClientY-this.state.initialClientY<10)){
console.log('向左滑动')
}

我最后还检查了客户端以及阈值

if ((this.state.finalClientX > this.state.initialClientX)
    && (this.state.finalClientY - this.state.initialClientY < 10)) {
        console.log('swipe left')
}
if((this.state.finalClientX>this.state.initialClientX)
&&(this.state.finalClientY-this.state.initialClientY<10)){
console.log('向左滑动')
}