Quiz for useNavigate & useParams

Q1: What does the useNavigate hook do?

A. Provides a function to navigate programmatically B. Returns route parameters C. Fetches query strings D. Manages component state

Q2: How do you navigate to a different route using useNavigate?

A. Call the function returned by useNavigate with a path B. Use Link component C. Use history.push D. Set window.location

Q3: Which React Router hook is used to get dynamic URL parameters?

A. useParams B. useLocation C. useNavigate D. useRouteMatch

Q4: What is the return type of useParams?

A. An object with key-value pairs of parameters B. A string C. A number D. An array

Q5: Can useNavigate replace history.push?

A. Yes, in React Router v6 B. No, it is different C. Only in class components D. No, deprecated

Q6: How do you get the "id" parameter from URL "/user/:id"?

A. const { id } = useParams(); B. const id = useParams(); C. const id = useNavigate(); D. const { id } = useNavigate();

Q7: Can you navigate backwards programmatically with useNavigate?

A. Yes, by passing -1 B. No, only forwards C. Only with Link D. Only with history

Q8: How do you navigate to home route "/" using useNavigate?

A. navigate("/") B. navigate("home") C. navigate("#") D. navigate("")

Q9: Is useParams reactive to URL changes?

A. Yes, it updates when URL params change B. No, it is static C. Only on mount D. Only on refresh

Q10: Which hook would you use to get current location?

A. useLocation B. useNavigate C. useParams D. useRouteMatch

Q11: How do you navigate to the previous page?

A. navigate(-1) B. navigate("back") C. navigate("prev") D. navigate("goBack")

Q12: Can useNavigate be used outside React components?

A. No, must be used within React functional components B. Yes, anywhere C. Only in class components D. Only in event handlers

Q13: How do you replace the current route instead of pushing a new one?

A. navigate(path, { replace: true }) B. navigate(path, { replace: false }) C. navigate(path) D. navigateReplace(path)

Q14: What will happen if you destructure a param not present in the URL?

A. Undefined B. Error thrown C. Empty string D. Null

Q15: Can you pass state via useNavigate?

A. Yes, as second argument B. No, only path C. Only via Link D. Only via context

Q16: How do you access the state passed via useNavigate?

A. useLocation().state B. useParams().state C. useNavigate().state D. props.state

Q17: Can useParams be used in class components?

A. No, only in functional components B. Yes, with hooks polyfill C. Yes, natively D. Only with HOCs

Q18: Which of the following is true about useNavigate?

A. It replaces history API for navigation B. It manages form data C. It handles styling D. It fetches data

Q19: Does useParams work for query parameters?

A. No, useLocation().search is used B. Yes, it works for all URL parts C. Only for path params and query params D. Only with extra config