لماذا يتم وضع حدث onSubmit في وسم الform؟

ال event المسمى onSubmit مخصص للعنصر form وغير متاح للعنصر button. بدلاً من ذلك يوجد onClick لنضعه على button. وهذا كله أبعد من react حيث أن منصة react مبينة على JavaScript التي تتضمن كل من الevents سالفي الذكر.

يمكننا الإستفادة من onSubmit مثلاً إذا كنت تريد إرسال البيانات asynchronously في تعطيل الإجراء الإفتراضي لform (وهو إرسال مدخلاته مباشرة الى الخادم) ومن ثم معالجة البيانات قبل إرسالها على سبيل المثال أو في حالة عمل validation للمدخلات قبل إرسالها.

...
const submitHandler= (event) => {
  event.preventDefault() // تعطيل الإرسال المباشر
  //validation  التحقق من صحة المدخلات
  ...
  //JSON معالجة البيانات هنا مثلاً تحول مصفوفة بيانات الى نص عن طريق 
  //axios أو fetch  إرسال الطلب الى الخادم عن طريق 
  ...
}