[React] React Router:indexroute

Indexroute allows us to define a default child component to being rendered at a specific route when no other sub-route is Ava Ilable.

When the Home page display, we also make on component as default Route to Dsiplay, only if use click on link, then s With To contact Route:

Import React from ' React 'Import {hashhistory, Route, Router, Link, Indexroute} from' React-router '; Const Home= (Props) = <div>{Props.children}</div>;const about = () = <div>; const Contact= () = <div>; Const Links= () = <nav > <link activestyle={{color: ' Green '}} to= "/" >Home</Link> <link acti Veclassname= "Active" to= "/contact" >Contact</Link> </nav>;class App extends React.component {render () {return(            <router history={hashhistory}> <route path= "/" Component={home}> <Indexroutecomponent={about}></Indexroute> <route path= "Contact" component={contact}></route> </Route> </Router>        ); }}exportdefaultAPP;

[React] React Router:indexroute