เส้นทางซ้อนและพารามิเตอร์เส้นทาง

เป้าหมาย: ทำความเข้าใจเส้นทางซ้อนกัน ซึ่งเป็นหน้าหลักที่เรนเดอร์มุมมองย่อย และพารามิเตอร์เส้นทาง ซึ่งเป็นส่วนแปรผันของที่อยู่เว็บ เช่น /products/42

เส้นทางหลัก เช่น /products จะแสดงโครงร่างและช่องแสดงผล เส้นทางย่อย เช่น /products/:id จะเติมเนื้อหาเฉพาะลงในช่องแสดงผลนั้น

พารามิเตอร์เส้นทางจะดึงค่าจากที่อยู่เว็บ เช่น :id คอมโพเนนต์จะอ่านพารามิเตอร์เพื่อดึงหรือแสดงระเบียนที่ตรงกัน

ตัวอย่างที่อิงแฮช: เส้นทางหลัก /products จะแสดงรายการ เมื่อเลือกรายการ ระบบจะนำทางไปยัง /products/ID และเรนเดอร์มุมมองย่อยไว้ภายใน

การอ่านพารามิเตอร์: แยกวิเคราะห์ที่อยู่เว็บ หรือใช้ฮุกของตัวกำหนดเส้นทาง เพื่อรับค่า id และโหลดข้อมูล การสร้างลิงก์: สร้างเส้นทางอย่าง /products/ID จากรายการ

เคล็ดลับ:

• ทำให้โครงร่างหน้าหลักมีขนาดเล็ก และแสดงเนื้อหาของหน้าเส้นทางย่อยในบริเวณช่องแสดงผล
• ตรวจสอบพารามิเตอร์ก่อนใช้งาน
• จัดการกรณีไม่พบรหัสรายการอย่างเหมาะสม

สรุปทบทวน: เส้นทางหลักจัดเตรียมโครงร่าง ส่วนเส้นทางย่อยจะแสดงในช่องแสดงผล ใช้พารามิเตอร์เส้นทางเพื่อดึงรหัสจากที่อยู่เว็บและแสดงระเบียนที่ถูกต้อง