React Router v6 tutorial in Hindi #4 dynamic Routing with params

In this react-router 6 tutorial in Hindi, we learn how to make dynamic routing with help of params in react-router version 6.0 and react-router-dom 6. This video is made by anil Sidhu in Hindi

steps of video
Why do we need Params with Route
Make components for params
Make route and link
Get params and learn in details

Complete playlist for react router

[friday]

Sir useParam alag channel dekha maine pura confused hogeya thaa phir yeah video jese suggestion aya pure Param he samajh main aageya THANK YOU SO MUCH ❤

[muhmmadusmananwar]

1)Add Multiple Parameters in Routes like this
<Route path="/user/:name/:id" element={<User />} />

2)Now get these params in your component
let { id, name } = useParams();
3)Use params in component
return (
<div>
<h1>User with Id {id}</h1>
<h1>You're in {name} Component</h1>
</div>
);

[Viezieg]

I dont understand what you are saying here, but the code that you wrote helped me alot. Thank you very much !

[knigt]

Been looking for this for days now, really helpful.

[omarfaruk]

thanks for making such content, other your teaching mathode is greater then other channels .
some youtubers only makes video for making money, and some are for realy want to treach.

[jawadullah]

According to the definition in React Router doc, useParams returns: an object of key/value pairs of URL parameters. Use it to access match. params of the current <Route> .

[linakaushik]

Excellent, Your channel is under-rated
Subscribers should be millions
Hitting subscribing button.🤔🤔👍👌🏻

[jawadullah]

Why we use params in react JS?
In our React app sometimes we want to access the parameters of the current route in this case useParams hook comes into action. The react-router-dom package has useParams hooks that let you access the parameters of the current route.

[lazyTechTube]

sir mai aapke old react playlist se sikh rha tha acchanaq ye video dikha.. kya dono me anter hai kya old wala playlist ab v worth it hai? please answer....

[jawadullah]

Query parameters are a defined set of parameters attached to the end of a url. More simply, they are key=value pairs we can attach to a url, used as one of many ways to pass data to an application.22

[codewithmhj]

BY THIS I HAVE TAKEN 3 PARAMS IN MORE READABLE WAYYY

[AmitSharma-ybvc]

How can validate the dynamic parameter value before routing, like we want to show if entered country name does not exist.

[talhafarooq]

Anil bro plz tell me how to use this concept with the class component

[rajasamantaray]

bro can you make a video dynamic routing with search type like when i put a name in a search box and then it open this search names page

[vibhavShrivastav]

On refresh return 404 on live environment

[allrounderknowledge]

Waste, you have to make proper navbar inside navbar using params not that only text show

[anshpandit]

Tum apna 100% nahin dete Ho video banane mein