防止按钮重复点击解决思路

一、问题出现场景：

表单提交重复点击提交按钮，点赞、收藏等操作

二、解决思路:

设置一个变量用于判断是否可以点击，默认为true，当这个值为true时可以点击，点击之后设置为false，请求接口完成之后又将值设为true。不管是框架，还是原生这个思路都OK的~

三、代码例子：

	import React from 'react';
	class Demo extends React.Component{
		 constructor(props){
	       	super(props);
	        	this.state = {
	          	isClickable: true,
	        }
	     }
	     //点击事件
	     handleClick=()=>{
	     	if(this.state.isClickable == false){
	     		return false;//代码停止往下执行
	     	}
	     	
	     	this.setState({
	          isClickable: false,
	       })
	       //请求接口
			$.ajax({
				url:'/post.php' 
				data:{a:1,b,1}
				success:function(){
					this.setState({
						isClickable: true
					}) //在提交成功之后将标志标记为可提交状态
			}
	    }
	}

本文地址：https://blog.csdn.net/weixin_38450689/article/details/112570855