The earlier versions of React-Router required the routes to be defined upfront, and the child routes to be nested inside another route, as seen here:
<Router> <Route path='/' component={Container}> <IndexRoute component={Home} /> <Route path='user' component={User}> <IndexRoute component={Twitter} /> <Route path='instagram' component={Instagram} /> </Route> </Route></Router>
This code can be considered static routing, wherein the route configuration is required by the library when the application initializes. Here, the route with the '/' path serves as the parent of all the routes, and the route with the 'user' path is a child route of '/', and a parent route for the route with the 'instagram' path.
In React-Router ...