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

Declarative Redirect Navigate التحويل التصريحي بمكون Navigate

وجّه المستخدم برمجياً بعد إرسال النماذج بخطاف useNavigate وخيار replace، وأنشئ صفحة 404 وحارس المسارات المحمية ProtectedRoute مع تطبيق التحقق الأمني الإلزامي بالخادم.
3 صفوف تعليمية
ReactJS
1 مشاهدة

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

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

بينما تعمل دالة useNavigate() داخل معالجات الأحداث، يمثل مكون <Navigate to="/courses" replace /> البديل التصريحي الجاهز لإعادة التوجيه تلقائياً بمجرد رسمه في JSX؛ مثل تحويل الروابط القديمة إلى المسار الجديد أو حجب صفحة أثناء التصيير. احرص دائماً على إضافة خاصية replace مع التحويلات التصريحية حتى لا يعلق زر الرجوع في حلقة تحويل لا نهائية.

الصف 2 صورة توضيحية
مخطط يوضح مراحل حماية المسارات: تحويل الزائر بمكون Navigate ثم إعادته لوجهته بخطاف useNavigate مع التحقق الإلزامي من الصلاحيات بالخادم
الصف 3 ملاحظة هامة