آفلاین
user-avatar

راه حل اتصال react-router به بعضی از کامپوننت های react-bootstrap

3 سال پیش
توسط حسام موسوی آپدیت شد
آفلاین
user-avatar
احسان ( 256 تجربه )
3 سال پیش

سلام دوستان .
این سوال در اصل مطلب جواب و راه حل هست . گفتم شاید کسی نیاز پیدا بکنه .
وقتی که از react-bootstrap استفاده میکنید بعضی از کامپوننت ها مثل MenuItem که در اصل یک props داره به نام href که با این اتفاق ما نمیتونیم که این رو تبدیل کنیم به کامپوننت Link و پراپرتی to رو بهش بدیم . برای حل این مشکل شما react-router-bootstrap رو نصب کنید و از اون استفاده بکنید و اینطوری این مشکل حل میشه :

<LinkContainer to="/categories"> 
     <MenuItem eventKey={3.1}> 
        newsl
     </MenuItem> 
</LinkContainer>
آنلاین
user-avatar
حسام موسوی ( 372748 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

تشکر از به اشتراک گذاشتن این موضوع
فقط لطف کنید کدهای خودتون رو در داخل سه backtike باز و سه backtike بسته قرار بدید تا کدها بهتر نمایش داده بشن مثل زیر

  <LinkContainer to="/categories"> 
      <MenuItem eventKey={۳.۱}> news</MenuItem> 
  </LinkContainer>
برای ارسال پاسخ باید وارد سایت شوید