React Router Tutorial - 5 - Active Links

React Router Tutorial - 5 - Active Links

Codevolution

2 года назад

114,237 Просмотров

Ссылки и html тэги не поддерживаются


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

@user-yj9fb6er6g
@user-yj9fb6er6g - 30.10.2023 12:08

Thanks 🩵

Ответить
@familyguy__shortfunnycutouts
@familyguy__shortfunnycutouts - 16.08.2023 18:29

Bro i don't know you much but its already my honest opinion that you are one of the best tutor . I really like how you explain things slowly step by step with your voice in a moderate tone. How i which to paypal you ..but in my situation i am broke....somebody paypal this guy on my behalf

Ответить
@MohamedIbrahim-en3dq
@MohamedIbrahim-en3dq - 03.08.2023 23:48

How did the function in style receive the isActive property?

Ответить
@PeriklesPeriklesoglu
@PeriklesPeriklesoglu - 02.08.2023 20:14

thank you

Ответить
@promiseodeyile6175
@promiseodeyile6175 - 28.07.2023 14:03

i don't normally comment on videos but this was a great tutorial, well explained

Ответить
@rahulpal6638
@rahulpal6638 - 30.06.2023 15:29

Thanks for explaining the topics.

Ответить
@mihirlakhamje9575
@mihirlakhamje9575 - 02.06.2023 04:26

why not useLocation hook?

Ответить
@abuzarmahmood5179
@abuzarmahmood5179 - 23.04.2023 18:58

I want understand that active should color the text only for the time when it go clicked and as it is not focus then why is it so that it continues to be in that color.

Ответить
@DavidNYIRINGABO
@DavidNYIRINGABO - 16.04.2023 13:07

Thanks Dude , this is really effective than I expected.

Ответить
@anonymous_basics
@anonymous_basics - 06.04.2023 19:56

thank you man i was scratching my head for an about a hour. not because i didn't tried this but also i was mislead by some other guy tutorials.

Ответить
@wesantosdev5939
@wesantosdev5939 - 13.03.2023 18:16

Thankss 100000x

Ответить
@rajatchaudhary5446
@rajatchaudhary5446 - 02.01.2023 09:18

struggled for react routing for days .....this playlist is just awesome....solved every doubt....

Ответить
@myfirebase6668
@myfirebase6668 - 02.12.2022 05:27

Thank you much!

Ответить
@alokranjan476
@alokranjan476 - 20.11.2022 12:49

Thanks

Ответить
@estherinyang4779
@estherinyang4779 - 31.10.2022 19:29

Beautiful! Thank you! for those using React router <Route path="/" element={<Home />} remember to add <NavLink end to="/">Home<NavLink/> to your jsx so the Home doesn't stay active at all times.

Ответить
@patrickackom952
@patrickackom952 - 27.10.2022 20:09

the index link continues to stay active despite changing the route

Ответить
@jagadarlingsvpkh4508
@jagadarlingsvpkh4508 - 12.10.2022 14:28

Thank you very much

Ответить
@voxuanhoa1166
@voxuanhoa1166 - 08.10.2022 06:57

My component Home alway has class 'active', i don't know why?

Ответить
@bassam.2023
@bassam.2023 - 03.10.2022 04:18

For me, unfortunately, <Route path='/' element={<Home />}></Route> is always 'active'. Anyone else with the same issue? Thanks!

Ответить
@bangsatrio6841
@bangsatrio6841 - 14.09.2022 13:19

In react router 6 add attribute end if the home link always active

Ответить
@Jeireme
@Jeireme - 14.08.2022 13:35

This works perfectly, thank you very much!

Ответить
@foxynight1688
@foxynight1688 - 09.07.2022 14:03

how to make backgroundColor in that function?
because when i add this code, it not change the background color :
backgroundColor: isActive ? 'red' : 'blue'

Ответить
@gauravrastogi9879
@gauravrastogi9879 - 01.07.2022 14:48

Dude ,your explaination is subtle yet simple, elegant and effective. Thanks to your redux toolkit series I now have good grasp over its concepts.

Ответить
@LuKaSSthEBosS
@LuKaSSthEBosS - 21.06.2022 12:14

Hey, how can I turn off active nav link style when I have hamburger menu?

Ответить
@nandopookey9195
@nandopookey9195 - 14.06.2022 14:53

Thank you sir

Ответить
@dudzpedra
@dudzpedra - 26.05.2022 20:29

This was amazing! I've been trying to style and all I've got so far was some headche... until now! This is game changing =)

Ответить
@ahmetcanekinci6006
@ahmetcanekinci6006 - 20.05.2022 15:28

thanks

Ответить
@vuxuanhuy9079
@vuxuanhuy9079 - 16.05.2022 15:34

video5 => done~!

Ответить
@thebrain678
@thebrain678 - 11.05.2022 01:40

is this for v6

Ответить
@munabhai2657
@munabhai2657 - 21.04.2022 15:04

very helpful video.. thanks alot

Ответить
@auroraapps1853
@auroraapps1853 - 17.04.2022 15:36

Please help!, when i apply NavLink my navigation bar stopped functioning. just stopped everything.

Ответить
@shakibahmed8020
@shakibahmed8020 - 02.04.2022 21:59

Thank you brooo. This video was really helpfull for me.

Ответить
@gonzalodecastro2550
@gonzalodecastro2550 - 27.02.2022 14:09

Clear and simple explanation thank you very much.

greetings from Argentina.

Ответить
@anishghimire1534
@anishghimire1534 - 11.01.2022 17:13

make tutorials on
redux toolkit also

Ответить
@regilearn2138
@regilearn2138 - 11.01.2022 13:37

Hi pls do react node Authentication & Authorization series zero to hero ,it will be very help full

Ответить
@daljeetsingh5127
@daljeetsingh5127 - 11.01.2022 11:11

Ответить
@rjverma07
@rjverma07 - 11.01.2022 10:49

Helpful.....
I always suffered styling links manually but navlink will be so helpful now.
Thanks

Ответить
@ritikraj2629
@ritikraj2629 - 11.01.2022 09:04

❤️❤️

Ответить
@aburaihan-py4vi
@aburaihan-py4vi - 11.01.2022 09:03

great!

Ответить
@somalifreelancer6196
@somalifreelancer6196 - 11.01.2022 08:31

I am the first

Ответить