React react-router-dom配置 实现路由跳转

react-router-dom 实现路由切换，前期已经安装过 react-router-dom。这里增加 store 状态绑定。

import * as React from 'react';
import { HashRouter, Route, Switch } from 'react-router-dom';
import { Provider } from "react-redux";
import store from "./store";

import App from './App';
import Demo from './views/demo/Demo';
import TodoList from './views/todoList/TodoList';
import ReactRouter from './views/reactRouter/ReactRouter';
import ReactRouterDetail from './views/reactRouter/ReactRouterDetail';

export const AppRouter = () => (
  <Provider store={store}>
    <HashRouter>
      <Switch>
        <Route exact path="/" component={ App } />
        <Route path="/demo" component={ Demo } />
        <Route path="/todoList" component={ TodoList } />
        <Route path="/reactRouter" component={ ReactRouter } />
        <Route path="/reactRouterDetail/:id" component={ ReactRouterDetail } />
      </Switch>
    </HashRouter>
  </Provider>
);