index

basic snippet

import { HashRouter, Route, Link } from 'react-router-dom';
import { withRouter } from 'react-router';

function CompInComp(props) {
  //props.history
}

function Comp(props){
  // props.history
  return withRouter(<CompInComp></CompInComp>);
}

function App(){
  return (
    <div className="app">
      <HashRouter>
        <Link to="path1">go to path1</Link>
        <Route path="/path1" component={Comp} />
      </HashRouter>
    </div>
  )
}

notes

Router v.s. Route

Router含路由器之意，即管理路由的设备；而Route指某一单一的道。 注意读音，英式发/u:/，而美式发/au/.

分包逻辑

组件相关的从react-router-dom里出，而单纯方法从react-router里出。