Quiz for Introduction to React Router

Q1: What is React Router used for?

A. Managing routing in React applications B. Handling forms C. Managing state D. Styling components

Q2: Which package do you install to use React Router?

A. react-router-dom B. react-router C. react-router-native D. react-router-redux

Q3: What component wraps all routes in React Router?

A. BrowserRouter B. Router C. Route D. Link

Q4: Which component renders UI based on the URL path?

A. Route B. Link C. Switch D. Redirect

Q5: What does the Link component do?

A. Creates navigable links without page reload B. Creates form input C. Manages state D. Triggers API calls

Q6: What is the purpose of the Switch component?

A. Renders only the first matching Route B. Handles navigation C. Manages state D. Styles links

Q7: How do you define a route for path "/home"?

A. <Route path="/home" component={Home} /> B. <Route to="/home" /> C. <Route href="/home" /> D. <Route link="/home" />

Q8: What prop is used to pass components to Route?

A. component B. render C. children D. all of the above

Q9: Can React Router handle nested routes?

A. Yes B. No C. Only with third-party libraries D. Only in React Native

Q10: Which React Router hook allows access to route parameters?

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

Q11: How do you programmatically navigate in React Router?

A. Using useNavigate hook B. Using Link component C. Using Route D. Using Switch

Q12: What is the use of the useLocation hook?

A. Access current URL and state B. Navigate to new routes C. Define routes D. Link to routes

Q13: Which component is used to redirect to another route?

A. Navigate B. Redirect C. Route D. Switch

Q14: What version of React Router introduced hooks?

A. v6 B. v4 C. v5 D. v3

Q15: Can React Router be used in React Native?

A. No, use react-router-native B. Yes, use react-router-dom C. Yes, use react-router-web D. No, it is web-only

Q16: What happens if no Route matches the URL?

A. No component renders B. Browser reloads C. App crashes D. Default Route renders

Q17: Is React Router a client-side routing solution?

A. Yes B. No C. Both client and server D. Only server-side

Q18: How do you extract query parameters in React Router?

A. Using useLocation hook B. Using useParams C. Using useQuery hook D. Using Route props

Q19: Which method allows lazy loading of routes?

A. React.lazy and Suspense B. Route.lazy C. useLazyRoute D. React.lazyRoute

Q20: Can React Router manage browser history?

A. Yes B. No C. Only in v4 D. Only in v5