Router example

App.js

import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import LandingPage from './pages/Landing';
import AboutPage from './pages/About';
import LocationsPage from './pages/Locations';

export const routes = [
  {
    path: '/',
    component: LandingPage,
  },
  {
    path: '/about',
    component: AboutPage,
  },
  {
    path: '/locations',
    component: LocationPage,
  },
]
class App extends Component {  
  render() {    
    return (   
      <Router>    
        <div>     
          {
            routes.map(route => (
              <Route exact path={route.path} component={route.component} />      
            ))
          }
        </div>   
      </Router>       
    );  
  }
}