شرح صفوف ومحتوى الفقرة
داخل مكون الصفحة الفرعية، نستدعي خطاف useParams() لاستخراج القيم المتغيرة بنفس الأسماء المعرّفة في المسار مثل const { slug } = useParams(). وعند انتقال المستخدم برابط <Link> إلى عنصر آخر، يعيد الخطاف القيمة المحدثة ويعيد رسم الواجهة فوراً.
HTML
function CourseDetail() {
const { slug } = useParams();
const item = TRACKS.find((t) => t.slug === slug);
return (
<article>
<h2>{item.title}</h2>
<p>{item.lessons} Interactive Lessons</p>
</article>
);
}