React Router Nested Routes MCQ Nested Routes Practice Questions

Direction: Choose the correct option

How do you define nested routes in React Router v6?

A. By defining routes in separate files

B. By placing <Route> elements inside a parent <Route>

C. By using absolute paths

D. By using the <NestedRoute> component

Direction: Choose the correct option

What is the component used for?

A. To handle errors

B. To render child routes in a parent layout

C. To display a fallback UI

D. To navigate to a new route

Direction: Choose the correct option

Given a parent route '/dashboard' and a nested route 'profile', what is the full path to the profile?

A. /dashboard/profile

B. /profile

C. /dashboard/profile

D. /dashboard/profile

Direction: Choose the correct option

In a parent route component, where do you render child routes?

A. Only in the render method

B. Anywhere using <Outlet />

C. Using props.children

D. In a separate component

Direction: Choose the correct option

How do you make a nested route render as the index route (default child)?

A. Set path='/'

B. Set path=''

C. Use index prop on <Route index element={<Home />} />

D. Use default prop

Quipoin Menu