روش ایجاد چند Route

آموزش reactjs - قسمت 78
زمان قرارگیری : 23 دی 1398
زمان این قسمت : 06:43
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید یا با تهیه عضویت ویژه میتوانید به آن دسترسی پیدا کنید.

قیمت دوره 79000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 12:53:31
تعداد قسمت‌ها 86
نوع دسترسی نقدی یا عضویت ویژه

دسترسی رایگان برای اعضای ویژه

در این جلسه به شما نشان میدهم که به چه شکلی چند روت با استفاده از React Router برای پروژه خود به وجود بی‌آورید

بخش اول
آشنایی و معرفی
بخش دوم
نصب و راه‌اندازی
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید یا با تهیه عضویت ویژه میتوانید به آن دسترسی پیدا کنید.

قیمت دوره 79000 تومان
وضعیت دوره تکمیل شده
زمان کل دوره 12:53:31
تعداد قسمت‌ها 86
نوع دسترسی نقدی یا عضویت ویژه

دسترسی رایگان برای اعضای ویژه
آنلاین
user-avatar
مدرس دوره حسام موسوی

اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامه‌نویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش انگولار

آموزش انگولار

آموزش انگولار دوره‌ای است که ما قصد داریم، شما را به شکل دقیق و پرجزئیات با فریمورک جاوااسکریپتی انگولار آشنا کنیم. فریمورک انگولار یکی از کامل‌ترین ف...

دسترسی رایگان برای اعضای ویژه
آموزش nextjs

آموزش nextjs

در دوره آموزش nextjs قصد داریم به شما دوستان روش کار با nextjs که به عنوان یک فریمورک react شناخته می‌شود را آموزش دهیم. این فریمورک به شما کمک میکند...

دسترسی رایگان برای اعضای ویژه
آموزش nodejs

آموزش nodejs

node یک پلتفرم است که به شما اجازه میدهد از جاوااسکریپت سمت سرور برای ایجاد کردن اپلیکیشن‌های وب خود استفاده کنید، در این دوره به شما nodejs را آموزش...

دسترسی رایگان برای اعضای ویژه
آموزش پروژه محور Electron

آموزش پروژه محور Electron

الکترون فریمورکی است که توسط آن با استفاده از تکنولوژی های جاوا اسکریپت، CSS و HTML می توانید اپلیکیشن های محلی تحت دسکتاپ بسازید. الکترون در توسعه اپ...

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
shahab
5 ماه پیش

استاد خسته نببه یه مشکلی خوردم که در قالبی روتینگ رو به خوبی فعال سازی کردم و بحث اکتیو بودن ان هم انجام دادم فقط مشکل اینجاست وقتی منوی چند سطحی مثلا سه تا زیر منو داشته باشه نولینکی قرار میدم صفحه به مقصد میره ولی با ریلود شدن صفحه مواجه میشوم ولی همان نو لینک را در سطح یک استفاده میکنم به درستی انجام میشود به نظر شما مشکل در کجاست از ورژن 4 استفاه میکنم

آنلاین
user-avatar
حسام موسوی
5 ماه پیش

ببخشید متوجه منظورتون نشدم
منظورتون از نو لینک چیه

آفلاین
user-avatar
shahab
5 ماه پیش

http://paste.ubuntu.com/p/r6cn6DYGSt/
کد رو داخل کپی کردم
میگم فقط مشکل اینه که روتینگ در منو چند سطحی کار نمیکنه و صفحه رو ریلود میکنه ولی وقتی همون روتر رو داخل منو یک سطحی میزارم به درستی کار میکنه

آنلاین
user-avatar
حسام موسوی
5 ماه پیش

تنها قسمتی که navLink داره کد زیر هست

<NavLink className="prepend-icon" to="/app/AppManagement/Company">
                                                    <span className="nav-text"><IntlMessages
                                                        id="sidebar.Company"/></span>
                          </NavLink>

آیا این کد کار نمیکنه ؟
console رو چک کردید ؟

آفلاین
user-avatar
shahab
5 ماه پیش

بله استاد این navLink رو تو منو سطح سوم میزارم کار نمکینه ولی وقتی تو سطح یک میزارم کار میکنه کنسول هم چک کردم ادرس به درستی داخلش هست به نظرتون مشکل کجاست کجا رو بیشتر احتمال اشتباه بودن هست؟

آنلاین
user-avatar
حسام موسوی
5 ماه پیش

باید کل پروژه رو ببینیم اینطوری دیباگ کردن سخته و نمیشه متوجه شد مشکل از کجاست

آفلاین
user-avatar
سعید
3 ماه پیش

پسلام استاد من یه سوالی داشتم اگر روت های چند سطحی داشتیم جریانش چطور پیش میره.
مثلا ما یه سایت
home = /
about = /about
/panel = panel

الان پنل ما یه روت برای خودش داره که به ایندکس پنل میره ، و خود پنل هم دارای چندین روت هست .

آنلاین
user-avatar
حسام موسوی
3 ماه پیش

با استفاده از regex میشه اینو پیاده و چک کرد.
البته اگر ثابت باشه با همین روشی که انجام شد هم میتونید active رو براش پیاده کنید