شرح صفوف ومحتوى الفقرة
داخل المسارات المتداخلة ومكونات التخطيط، تُعامل المسارات والروابط التي لا تبدأ بشرطة مائلة / بوصفها روابط نسبية تُبنى تلقائياً فوق مسار الأب الحالي:
- الرابط النسبي: داخل
/account، يتحول<NavLink to="billing">تلقائياً إلى/account/billing، حتى لو غيّرت اسم مسار الأب لاحقاً. - الرابط المطلق: البادئ بشرطة
/مثل<Link to="/">ينتقل مباشرة من جذر الموقع بغض النظر عن عمق التداخل.
HTML
function AccountLayout() {
return (
<div>
<nav className="rx-nav">
<NavLink to="" end>Profile</NavLink>
<NavLink to="security">Security</NavLink>
<Link to="/">Exit to Home</Link>
</nav>
<Outlet />
</div>
);
}