Using multiple layouts for react-router components

Question

If I have the following:

  { /* Routes that use layout 1 */ }
  

        

Answer 1

You can use routes without a path to define containers that are not defined by the url:

  { /* Routes that use layout 1 */ }
  
    
    
    
    
  

  
    { /* Routes that use layout 2 */ }
    
    
  

The layout components can then import additional components such as the top nav