How to Access the URL Params in React with React Router's useParams Hook

[@Aaron-sy5yx]

Love how you left the error in and explained in detail how to fix it. Much better than having a "perfect" video where everything just works.

[@onlinecitizen8414]

Thank you so much! I watched so many videos on this and your's the the only one so far that explains the correlation of the useparam object property name with the one set by programmer in the route definition.

[@marinav3940]

Best description! Thank you so much. Most youtube dev pages talk too fast and don’t explain the little important things.

[@taylorbarron4950]

This is exactly what I needed to complete my project. Well put in less than 10 minutes. Thank you!

[@antipusrises]

I really appreciate that you used TypeScript in this, as I was dealing with a very similar type issue in my code and this helped me understand things better.

[@MBogan]

Brilliant guide, I was really struggling to wrap my head around this before I found your video, thank you!

[@diegoguatemala5287]

exactly what I needed, just right to the point and very well explained! You can tell how much experience he's gotten! Thanks for this man!

[@lucianasuciu4798]

i love you !! 😂😍 I was searching for 3h for this information. Thanks a lot ! 😘

[@vasilemidrigan50]

A nice observation about another tutorials regarding to id .......

[@qingsong4099]

Great guide!!! This is what I have been looking for!!! Thank you so much for such a clear and detailed explanation!

[@munawarhussain4040]

Thanks a lot man. I had seen a number of videos but all of them were using another technique.

[@mohammadhuzaifa5985]

Great guide last one day I was searching but you solve my problem thanks. I do 777 like and 55 comment complete😂😂😂😂

[@Barzx]

it is a shame that this doesn't works with router 6, is a good video

[@aris13pat1]

Thank you. The best explanation I've come across.
Subscribed!
Keep up the good work!

[@buteranelly3132]

Thanks man you have no idea how much you've helped me

[@sanjamsinghkalsi5937]

Thankyou so much!!! Really helped me in my company's project! :)

[@width19]

goshhh, you explain things so clearly

[@mertsuhaigac167]

you saved my day this is exactly what I needed thanks for the tutorial

[@kmax2356]

Really thank you brother, It was help to release my stress... 🥰

[@JOEY-xj4ds]

Update: 'Switch' has been changed to 'Routes'. Just happened like a few days ago lol

[@jimcarpenter7174]

Thank you! This is exactly what I was looking for.

[@nagalakshmibutti8067]

useParams() is not working in the Class component. Then how can we get URL parameters when we use class component instead of a function component?

[@ColabGuy]

Nice!
I used it to create a referral link.

[@nituchoudhury1294]

Thanks a ton! This is really very helpful

[@ryansatchell2302]

Any vids on doing this without useParams? I can't convert my react class to a SFC and thus hooks are not allowed.

[@sirbalafort2620]

Great tutorial! I have a question: If I didn't want to pass the destructured { id } into the body where I am rendering, where would I pass it into the component? Say, for the purposes of rendering individual blog posts and for practical reasons not wanting the { id } to show up in the body with the blog texts.

[@edutechional]

I'm not sure if I completely understand what you're wanting to do, but you could always create nested components and then pass the ID value as a prop

[@sirbalafort2620]

@@edutechional That answers my question, thank you!

[@tajanamarijaatanaskova2201]

Thank you so much!!! I really needed this

[@shepniel]

Excellent video, thanks for sharing :)

[@thebrain678]

Is there a way to initially start use params with the value? What I mean is without clicking on the route so you just start the page off with already a value

[@taylorbarron4950]

useEffect with the param value is probably what you want to do if you haven't figured it out yet

[@ionlytakeaction3773]

Great amazing guide, what theme?

[@nemss5366]

bro ? can use UseParams on a class component ? above render method ?

[@soaibshaikh8559]

hey! i want to get url data using class component how can i get this ?

[@ne1butu1]

This was fantastic. Thank you!

[@Room3102]

Awesome tutorial. I think you might have helped solve a problem of mine. Instant subscribe.

[@knwoledgeseeker381]

I've done the same but my username and password are showing in the URL wich i dont like.. any idea how to hide it ??

[@ishowvideos11]

Hey,
Can you please make a video on passing URL params using react-router-dom V6?

[@Djolesabijacica]

nice explanation

[@kunalpatil1250]

i want to pass user id in url , then what should i do

[@binhtruong3373]

Thanks so much, it really helps

[@mpb0406]

Great explanation!

[@salarhashemian3436]

Thanks man! this really helped

[@calebbogale8262]

very helpful thanks

[@vivekn4u]

hi, nice tutorial also can you explain how to get from data in a hook like a query string. in PHP we use $_POST[""], but not able to find anything in reactjs except query string for URL params. Thank you in advance

[@edutechional]

If you're using React Router, it's very similar to the process I showed. They have a 'useParams' hook that let's you get the query string value, this shows how to use it: reactrouter.com/web/example/url-params

[@vivekn4u]

@@edutechional thank you for the reply but my use case is that the payment gateway is sending the success/failure response to my reactjs page route and the reply is in Form data, if the data is in url I can get it using query string but don't know how to get this form data (POST method) which is In key-value pair.

[@coreydevl7021]

thanx for the help!

[@harutinnnn1]

In a function, this is clear, but how to do it in a class?

[@abhishekraut2518]

Thank you man !

[@shadowrebels1623]

perfect !

[@expectations2188]

love you man ..

[@cengiz-ilhan]

clear english :)

[@Human_Evolution-]

flew over my head at the end : ???? : ?????? meeeeh

[@amritraj658]

Thankuu so much

[@erwinharnaldolauracuisara8360]

thanks!!!!

[@selindemircioglu3502]

THANKSSSSSSS CNM

[@welingsonsantos9572]

Thanks

[@filip23128]

thanx

[@andybiersack4906]

#useParams()