# More Nesting Notice how the list of links to different repositories goes away when we navigate to a repository? What if we want the list to persist, just like the global navigation persists? Try to figure that out before reading on. ... First, nest the `Repo` route under the `Repos` route. Then go render `this.props.children` in `Repos`. ```js // index.js // ... ``` ```js // Repos.js // ...

Repos

{/* will render `Repo.js` when at /repos/:userName/:repoName */} {this.props.children}
``` ## Active Links Let's bring in our `NavLink` from before so we can add the `active` class name to these links: ```js // modules/Repos.js // import it import NavLink from './NavLink' // ...
  • React Router
  • // ... ``` Notice how both the `/repos` link up top and the individual repo links are both active? When child routes are active, so are the parents. --- [Next: Index Routes](../08-index-routes/)