React Router

import React from 'react'
import ReactDOM from 'react-dom'
import {BrowserRouter} from 'react-router-dom'

import App from './app'

ReactDOM.render(<BrowserRouter><App/></BrowserRouter>, document.getElementById('root'))

import React from 'react'
import {NavLink, Switch, Route, Redirect} from 'react-router-dom'

export default class App extends React.Component {

    render() {
        return (
            <div>
                <h1>React Router Demo</h1>
                <NavLink to='/about'>About</NavLink>
                <NavLink to='/home'>Home</NavLink>
                <Switch>
                    <Route path='/about' component={About}/>
                    <Route path='/home' component={Home}/>
                    <Redirect to='/about'/>
                </Switch>
            </div>
        )
    }

}

class About extends React.Component {
    render() {
        return (
            <h3>About</h3>
        )
    }
}

class Home extends React.Component {
    render() {
        return (
            <h3>Home</h3>
        )
    }
}