Quiz for Nested Routing

Q1: What is nested routing in React Router?

A. Defining routes inside other routes B. Routing outside React C. Using multiple Routers D. Routing in backend

Q2: How do you define a nested route in React Router?

A. Place a Route inside another Route's element B. Create multiple Routers C. Use Switch multiple times D. Use nested Links

Q3: Which component renders nested routes?

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

Q4: Where do you use the Outlet component?

A. In the parent component's JSX B. Inside every Route C. Inside Links D. Outside Router

Q5: Can nested routes have their own nested routes?

A. Yes B. No C. Only two levels allowed D. Only in React Native

Q6: What happens if you do not use Outlet in parent route?

A. Nested routes won't render B. App crashes C. Default route shows D. All nested routes render anyway

Q7: How do you define paths for nested routes?

A. Relative to parent path B. Absolute paths only C. Using full URLs D. Using hash

Q8: Is it possible to share layout in nested routing?

A. Yes, parent components can provide shared layout B. No, layouts are separate C. Only with external libraries D. Only in v5

Q9: Which version of React Router introduced Outlet?

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

Q10: Can nested routing improve code organization?

A. Yes, it modularizes route components B. No, it complicates code C. Only for small apps D. Only with Redux

Q11: How do you navigate to a nested route?

A. Use relative or absolute paths in navigate or Link B. Use only absolute URLs C. Use window.location D. Use nested Routers

Q12: What is a common use case for nested routing?

A. Dashboard with sidebar and subpages B. Single page apps only C. Only static sites D. Only mobile apps

Q13: Can nested routes have their own data loaders?

A. Yes, each route can load its own data B. No, only parent loads data C. Only in SSR D. Only with Redux

Q14: How do you handle 404 pages with nested routing?

A. Define a catch-all route at the end B. Use Redirect in nested routes C. Use exact on parent D. Use Link component

Q15: Can nested routes have their own layout components?

A. Yes, child routes can wrap with layout components B. No, only parent layouts C. Only static layouts D. Only in v5

Q16: What prop is used to render child routes inside parent routes?

A. children B. element C. render D. component

Q17: Are nested routes declared inside the routes array or JSX?

A. Either, depending on configuration B. Only in JSX C. Only in array D. Not supported

Q18: Which hook can help get current matched routes in nested routing?

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

Q19: Is nested routing supported in React Router v5?

A. Yes, but implemented differently B. No, only in v6 C. Only partially D. Only in React Native

Q20: How do you prevent unnecessary rendering in nested routes?

A. Use React.memo or shouldComponentUpdate B. Avoid Outlet C. Use only flat routes D. Use class components