صمّم قوالب تخطيط مشتركة بالمسارات المتداخلة، واعرض الشاشات الفرعية داخل منفذ Outlet مع تحديد المسار الافتراضي index والروابط النسبية ومشاركة بيانات التخطيط عبر useOutletContext.
2 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
تشترك معظم شاشات التطبيق الواحد في هيكل محيط ثابت؛ فصفحات الموقع العامة تشترك في الشريط العلوي والتذييل، ولوحات التحكم تشترك في القائمة الجانبية وشريط الأدوات. تكرار استيراد هذه العناصر يدوياً داخل عشرين ملف صفحة يضاعف الشفرة ويعيد تركيب القائمة الجانبية مع كل نقرة.
تعالج المسارات المتداخلة (Nested Routes) ذلك بتمثيل التدرج البصري مباشرة داخل شجرة <Route>؛ إذ يرسم مسار الأب الإطار المشترك مرة واحدة، وتتبدل المسارات الأبناء بداخله بنعومة.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (المسارات المتداخلة والتخطيطات المشتركة عبر Outlet)
