شرح صفوف ومحتوى الفقرة
لا تحتاج كل النماذج إلى تتبع كل حرف في الحالة؛ فعندما يقتصر الغرض من نموذج بسيط على قراءة القيم لحظة الإرسال فقط دون عدادات حية أو شروط فورية، يمكنك قراءة الحقول مباشرة عبر واجهة FormData القياسية في المتصفح.
مرر العنصر e.currentTarget إلى new FormData(e.currentTarget) وحوّل المدخلات إلى كائن نظيف عبر Object.fromEntries() اعتماداً على خاصية name لكل حقل.
HTML
function handleFeedbackSubmit(e) {
e.preventDefault();
const fd = new FormData(e.currentTarget);
const payload = Object.fromEntries(fd.entries());
setSubmittedData(payload);
e.currentTarget.reset();
}