أنشئ مسارات ديناميكية متغيرة، واستخرج المعرّفات بخطاف useParams مع معالجة العناصر غير الموجودة، وزامن فلاتر البحث القابلة للمشاركة عبر useSearchParams وبيانات الموقع عبر useLocation.
2 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
لا تُكتب مئات عناصر <Route> يدوياً لعرض مئات الدورات أو المنتجات؛ بل تتيح React Router تعريف مقاطع مسار ديناميكية تبدأ بنقطتين رأسيتين (:) مثل path="/courses/:slug" أو path="/orders/:orderId".
بهذا الأسلوب يتولى مكون تفاصيل واحد عرض جميع السجلات تلقائياً، كما يمكن دمج أكثر من معامل متغير في مسار واحد مثل /orgs/:orgId/repos/:repoName.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (المسارات الديناميكية ومعاملات البحث في React Router)