How to nest routes in React Router v4?

Question

Is there a way to nest routes in React Router v4?

This works:

Answer 1

You're AppBar component is in charge of rendering Customers. For customers to be called, you have to render the children of AppBar. Anything directly nested under AppBar is a child of AppBar.

import React from 'react';

const AppBar = ({ children }) => (
  

    

       
 stuff 
    
    {children}
  
);

export default AppBar

Please note that only AppBar will render when you visit "/". AppBar and Customers will render when you visit "/customers".