React.js react-routerの使い方

create-react-app react-router-test

## プロジェクトに移動
cd react-router-test

## インストール
npm install -S react-router-dom

import React, { Component } from 'react'
import { BrowserRouter, Route, Link } from 'react-router-dom'
import './App.css';

const App = () => (
  <BrowserRouter>
    <div className="App">
      <header className="App-header">
      <ul>
        <li><Link to='/'>Home</Link></li>
        <li><Link to='/about'>About</Link></li>
        <li><Link to='/contact'>Contact</Link></li>
      </ul>
      <Route exact path='/' component={Home} />
      <Route path='/about' component={About} />
      <Route path='/contact' component={Contact} />
      </header>
    </div>
  </BrowserRouter>
)

const Home = () => (
  <div>
    <h2>Home PAGE</h2>
  </div>
)
const About = () => (
  <div>
    <h2>About</h2>    
  </div>
)
const Contact = () => (
  <div>
    <h2>contact</h2>    
  </div>
)

export default App