小编And*_*rew的帖子

如何防止在 ReactJS 中双击

我正在ReactJS 中处理搜索过滤器,遇到了一个问题。问题是当用户进行一些搜索并想要点击next(因为我在应用程序中有分页)然后用户将点击两次以加载其他数据页面。

我需要避免这种行为:我的意思是当用户单击next它时应该是“加载数据”而不是“双击”。

我是 ReactJS 的新手,请专家帮助我

代码

    btnClick() {
        const { Item,skip , filtered, data } = this.state
        if(filtered.length>0 || !data.length ){
          window.alert("Hello,")
          this.setState({
            filtered:[],
            skip:0
          },()=>this.getData());
          return false
        }else {
          window.alert("Hello , Dear")
        this.setState(
          {
            Item,
            skip: skip + pageSize
          },
          () => this.getData()
        );}

      }
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs

2
推荐指数
1
解决办法
3207
查看次数

标签 统计

ecmascript-6 ×1

javascript ×1

reactjs ×1