Nested routes with react router v4 / v5

Question

I am currently struggling with nesting routes using react router v4.

The closest example was the route config in the React-Router v4 Documentation.

I want t

Answer 1

Some thing like this.

import React from 'react';
import {
  BrowserRouter as Router, Route, NavLink, Switch, Link
} from 'react-router-dom';

import '../assets/styles/App.css';

const Home = () =>
  
    
HOME
  ;
const About = () =>
  
    
About
  ;
const Help = () =>
  
    
Help
  ;

const AdminHome = () =>
  
    
root
  ;

const AdminAbout = () =>
  
    
Admin about
  ;

const AdminHelp = () =>
  
    
Admin Help
  ;


const AdminNavLinks = (props) => (
  

    
Admin Menu
    Admin Home
    Admin Help
    Admin About
    Home
    {props.children}
  
);

const NormalNavLinks = (props) => (
  

    
Normal Menu
    Home
    Help
    About
    Admin
    {props.children}
  
);

const App = () => (
  
    

      
        
        
        

        
        
        
      

    
  
);


export default App;