Client Navigation with Linkالتنقل السريع عبر مكون Link
استبدل روابط التحميل التقليدية بمكون التنقل التصريحي Link للحفاظ على حالة التطبيق، وميّز الصفحة المفتوحة تلقائياً عبر NavLink وخاصية end مع دعم معايير الوصول الدلالية.
3 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يصلح مكون <Link> في كل موضع يحتاج رابطاً داخلياً؛ مثل عناوين البطاقات، ومسارات التنقل التفصيلية، وأزرار الانتقال في الصفحة. وبعكس وضع حدث نقر على عنصر <div> غير دلالي، يحافظ <Link to="/about"> على التركيز بلوحة المفاتيح ومعاينة الرابط أسفل المتصفح وقابلية الأرشفة.
الصف 2
كود برمجي
</>HTML
function CoursePromoCard() {
return (
<article className="card">
<h3>Modern React Router</h3>
<Link to="/syllabus">Read Full Syllabus</Link>
</article>
);
}
