How do you create a dynamic route like /products/:productId in React Router?
Tests React Router v6 dynamic segments and useParams. A strong answer declares path="products/:productId" on a Route, then extracts productId with useParams in the component. Red flag: using v5 props.match.params or manual URL parsing instead of the hook.
Tests React Router v6 dynamic segments and parameter retrieval. A good answer covers three things in order: first, declaring path="products/:productId" on a Route; second, extracting the value with useParams, which returns an object of all parameters; third, noting this is the standard v6 approach. Red flags include using v5 props.match.params, parsing window.location manually, or omitting the colon. Interviewers also check that you know parameter names in the path must match the keys from useParams.
Read the original → reactrouter.com
- #react router
- #dynamic routes
- #useparams
- #frontend routing
- #react
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.