本文共 1144 字，大约阅读时间需要 3 分钟。

1、issues

2、

给相应的标签注册Touch事件，通过触摸事件开始、移动、结束可以自己控制左右滑动间距，去减少上下滑动所带来的误触。

onTouchStart = e => {
       this.startX = e.touches[0].clientX;  };  onTouchMove = e => {
       this.endX = e.touches[0].clientX;  };  onTouchEnd = () => {
       const {
    isCreateShow } = this.state;    if (!isCreateShow) {
         return;    }    // 获取滑动范围    if (this.startX > -1 && this.endX > -1) {
         const distance = Math.abs(this.startX - this.endX);      if (distance > 120) {
                 const {
    initialPage } = this.state;        if (this.startX > this.endX) {
             if (initialPage !== 3) {
               const newPage = initialPage + 1;            this.setState({
                 initialPage: newPage,            });            this.handleTabChange('', newPage);          }        } else if (initialPage !== 0) {
             const newPage = initialPage - 1;          this.setState({
               initialPage: newPage,          });          this.handleTabChange('', newPage);        }      }    }    this.startX = -1;    this.endX = -1;  };

转载地址：https://blog.csdn.net/weixin_45416217/article/details/115478752 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！