Switch Component in React Router

Подписаться 832 тыс.

Просмотров 31 тыс.

50% 1

In this video we will learn
1. What is exact path in React Router
2. What is Switch Component in React Router
3. How to Use Switch Component
Text Version of this Video can be found at
www.pragimtech...
Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
/ @aarvikitchen5572
React Playlist:
• React JS tutorial for ...
For online or classroom training please contact us
Mobile: +91 99001 13931
Email: pragim@pragimtech.com or srikanth@pragimtech.com
Please join me to gift education to those who cannot afford.
/ kudvenkat

Наука

Опубликовано:

21 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 17

@rickyng1886 3 года назад

This save my day. This is so far the best explaination to layman

@sagarvavadiya5252 Год назад

thank you ; video is easy to understand

@gollapudirakesh651 4 года назад

We want redux tutorials also...

@vaibhavmatere18 2 года назад

very good explanation, thanks

@G3Number 3 года назад

Amazing tutorial! Thank you for you time! Liked

@swaralipurandare274 4 года назад

Thank you

@norpriest521 4 года назад

Sir Please let me know how many things should I learn to build full stack c# web application Are all these things enough: Front end: Html Css JavaScript Bootstrap API: Jquery Ajax Backend: C# Sql server

@manojsharma3232 2 года назад

I followed same approach, but it seems some issue for me. By default contents of both employee and department are by visible on screen when load and no changes happen on link, Is something get changed in latest version of react.

@akhilking1439 4 года назад

where do you get that background music at the end of video

@sunilkumar-zf4dx 3 года назад

What is the difference b/w BrowserRouter and Router components

@niranjans5984 Год назад

Not working for me it shows switch import and export error somebody please help

@codzella1543 4 года назад

Where is venkat ?

@dell4559 2 года назад

Can Anyone please help me at 01:08 I am getting this errors: Error: Invariant failed: You should not use outside a

@abubakarkhawaja6082 2 года назад

make sure it has browserRouter in parent.

@devaraj6691 3 года назад

speed up the videos like previous videos its very slow

@rajk6095 3 года назад

[Found a SOLUTION for this issue, I have added it into the REPLY of this comment] The data is displaying correctly on the page but I am getting these 2 warnings in the browser console when I click between any one the 3 component links. index.js:1 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. at Employee (localhost:3000/static/js/main.chunk.js:218:91) index.js:1 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. at Department (localhost:3000/static/js/main.chunk.js:30:95) Is there a fix for this?

@rajk6095 3 года назад

SOLUTION to the above problem is that I had to change the useEffect method in both department and employee component files. Here is the code below: Department Component useEffect -----> useEffect(() => { let isMounted = true if (isMounted) fetch('localhost:50745/api/Dept') .then(res => res.json()) .then(result => { setDepartments(result) }) return () => { isMounted = false } }) Employee Component useEffect -----> useEffect(() => { let isMounted = true if (isMounted) fetch('localhost:50745/api/employee') .then(res => res.json()) .then(result => { setDepartments(result) }) return () => { isMounted = false } })