استخدم الكود السابق ويفضل عدم استخدام ref لأنه يقراء DOM مباشرةً
إذا أردت إيقاف الزر بعد الضغط لأول مرة فقط فيمكنك استخدام كود عبدالله الكود رقم واحد
اما إذا أردت إعادة تشغيل الزر إذا لم يتم إرسال البيانات بنجاح لكي يحاول مرة أخرى فاستخدم هذا الكود
export default function Send() {
const[buttonDisabled, setButtonDisabled] = useState(false); // الخطوة 1
const handleSubmit = () => {
setButtonDisabled(true) // الخطوة 2
axios.post(...).then(res => {...}).catch(err => {setButtonDisabled(false)})
}
return (
<div>
// .... الخطوة 4
<button disabled={buttonDisabled} onClick={handleSubmit}>send</button>
</div>
)
}