[React] React router:nested Routes

Since React-router routes is components, creating nested routes is as simple as making one route a child of another in JS X.

Make the nested component:

class App extends React.component {    render () {        return(            <router history={ hashhistory}>                <route path="/" component={home}>                    <route path= "  About " component={about}>                        <route path="Contact" component={ contact}></route>                    </Route>                </Route>            </Router>        );}    }

Change the path:

ConstLinks = () = <nav > <link activestyle={{color:'Green'}} to="/">Home</Link> <link Activestyle={{color:'Green'}} to="/about">About</Link> <link activeclassname="Active"to="/about/contact">Contact</Link> </nav>;

Pass the Props.children to the nested component:

Const Home = (props) = <div>= () = <div>
----------------
Import React from ' React 'Import {hashhistory, Route, Router, Link} from' React-router ';//About are the child's home, to display the on, we need to access//Props.childrenConst Home = (props) = <div>; const Contact= () = <div>; Const Links= () = <nav > <link activestyle={{color: ' Green '}} to= "/" >Home</Link> <link acti Vestyle={{color: ' Green '}} to= "/about" >About</Link> <link activeclassname= "active" to= "/about/contact" & Gt Contact</link> </nav>;class App extends React.component {render () {return(            <router history={hashhistory}> <route path= "/" Component={home}> <route P                    Ath= "About" component={about}> <route path= "Contact" component={contact}></route> </Route> </Route> </Router>        ); }}exportdefaultAPP;
[React] React router:nested Routes