React Router Quick Start Guide

Inline rendering with the children prop

The children prop should be used in a case where you want to render the view irrespective of whether or not there's a path match. The syntax for the children prop is similar to the render prop, as shown here:

<Route    path="/sidenav"    children={() => (        <div> Inside Sidenav route </div>    )}/>

The <Route> component with a children prop is rendered even if the path prop is not specified. Also, the exact and strict props will not have any effect on a <Route> component with a children prop.

Both the component and render props take precedence over the children prop. Also, when either the component or render props are mentioned, the view is rendered only if the path matches the requested URL.

A <Route> component ...