text: import React, { Component } from 'react'
  import Header from './common/header'
  import { Provider } from 'react-redux'
  import { BrowserRouter, Route } from 'react-router-dom'
  import Home from './pages/home'
  import Detail from './pages/detail/loadable'
  import Login from './pages/login'
  import Writing from './pages/writing'
  import store from './store'
  
  class App extends Component {
    render() {
      return (
        <Provider store={store}>
          <BrowserRouter>
            <div>
              <Header />
              <Route path='/' exact component={Home}></Route>
              <Route path='/detail/:id' exact component={Detail}></Route>
              <Route path='/login' exact component={Login}></Route>
              <Route path='/writing' exact component={Writing}></Route>
            </div>
          </BrowserRouter>
        </Provider>
      )
    }
  }
  
  export default App