انتقل إلى محتوى الدرس

How Path Matching Selects Views خوارزمية مطابقة المسار الأخص

تعرّف على آلية تبديل الصفحات لحظياً في تطبيقات الصفحة الواحدة عبر واجهة سجل المتصفح دون إعادة تحميل كاملة، وتثبيت مكتبة React Router وتغليف التطبيق وبناء شجرة المسارات.
3 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

خلافاً للموجهات القديمة التي كانت تتوقف عند أول سطر يطابق بداية العنوان حسب الترتيب النصي، تعتمد React Router v6 خوارزمية تصنيف الأولوية والأخصية (Ranked Path Matching).

تحسب المكتبة نقاط دقة لكل مسار بناءً على عدد مقاطعه وثباتها؛ لذا يفوز المسار الثابت المحدد /courses/featured تلقائياً على المسار الأعم /courses بغض النظر عن ترتيب كتابة عناصر <Route> في الملف.

الصف 2 كود برمجي
HTML
<Routes>
  <Route path="/courses" element={<AllCourses />} />
  <Route path="/courses/top" element={<Featured />} />
  <Route path="/" element={<HomeView />} />
</Routes>
الصف 3 ملاحظة هامة