src⁄App.js

import React, { Component } from 'react';
import { Switch, Route } from 'react-router-dom';
import { Routes } from './config/routes';
import './App.css';


class App extends Component {
  render() {
    return (
      <section>
        <Switch>
          {Routes.map((route, index) => [
            <Route
              key={index}
              path={route.path}
              exact={route.exact}
              component={route.component}
            />
          ])}
        </Switch>
      </section>
    );
  }
}

export default App;

src⁄components⁄About.js

import React, { Component } from 'react';
import logo from '../logo.svg';

class About extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">About Page</h1>
        </header>
        <p className="App-intro">
          Welcome to the about page :)
        </p>
      </div>
    );
  }
}

export default About;

src⁄components⁄Home.js

import React, { Component } from 'react';
import logo from '../logo.svg';

class Home extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Home Page</h1>
        </header>
        <p className="App-intro">
          Welcome to the home page :)
        </p>
      </div>
    );
  }
}

export default Home;

src⁄config⁄routes.js

import Home from '../components/Home';
import About from '../components/About';


export const Routes = [
  {
    path: '/',
    exact: true,
    component: Home
  },
  {
    path: '/about-us',
    exact: false,
    component: About
  },
];

src⁄index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import { BrowserRouter } from 'react-router-dom';

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