Day 3 / Hour 3

Form State and Validation

Document1 / 17

Recap จาก Hour 2

ตอนนี้หน้าเว็บมี:

  • IssueForm สำหรับกรอกข้อมูล
  • IssueList สำหรับแสดงรายการ
  • StatusBadge สำหรับแสดงสีตามสถานะ
  • Tailwind และ Responsive Layout

แต่ Form ยังไม่เชื่อมกับ List:

กรอกข้อมูล → กดส่ง → รายการยังไม่เปลี่ยน

Hour นี้เราจะทำให้ข้อมูลไหลจาก Form ไปยัง List โดยเก็บไว้ใน State ของ Browser ก่อน

IssueForm → ตรวจข้อมูล → เพิ่ม State → IssueList แสดงรายการใหม่