当前位置：首页 > wzjs >正文

给别人做的网站涉及到违法怎么才能创建一个网站

wzjs 2025/8/14 17:37:14

给别人做的网站涉及到违法,怎么才能创建一个网站,全自动网站制作系统,深圳响应式网站建设公司问题背景在日常开发中，我们经常会遇到这样的场景： 用户疯狂点击提交按钮表单重复提交导致数据异常批量操作按钮被连续触发这些问题如果处理不当，轻则影响用户体验，重则可能造成数据错误。解决方案我们可以封装一个自定义…

问题背景

在日常开发中，我们经常会遇到这样的场景：

用户疯狂点击提交按钮
表单重复提交导致数据异常
批量操作按钮被连续触发

这些问题如果处理不当，轻则影响用户体验，重则可能造成数据错误。

解决方案

我们可以封装一个自定义 Hook

import {useState,useCallback,useRef} from 'react'function useLock(asyncFn) {const [loading, setLoading] = useState(false)const asyncFnRef = useRef(null)asyncFnRef.current = asyncFnconst run = useCallback(async (...args) => {if(loading) returnsetLoading(true)try {await asyncFnRef.current(...args)} finally {setLoading(false)}}, [loading])return [loading,run]
}

然后封装一个通用的 Button 组件

import {Button as AntButton} from 'antd'const Button = ({onClick,...props})=>{const {loading, run} = useLock(onClick || (()=> {}))return <AntButton loading={loading} {...props} onClick={run}></button>
}

使用示例

const Demo = () => {const handleSubmit = async () => {// 模拟异步请求await new Promise(resolve => setTimeout(resolve, 2000))console.log('提交成功')}return (<Button onClick={handleSubmit}>提交</Button>)
}