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>
);