react-router

我用版本为 3.XX版本

npm install react-router@3.0.0 -S

root page

import {Router,Route,hashHistory} from 'react-router'
import App from './App.js'
import App2 from './App2.js'
export default class Root extends Component {
    render() {
        return (
            <Router history={hashHistory}>
              <Route path="/" component={App}></Route>
              <Route path="/home" component={App2}></Route>
            </Router>
        );
    }
}

ReactDOM.render(
  <Root />,
  document.getElementById('root')
)

• hashHistory必须引入,也必须使用(这是个坑我好多文档没写 这里坑)

app page

import { Link } from 'react-router'

export default class App extends Component {
  render() {
    return (
      <div>
      app page
      <Link to="/home">home</Link>
      </div>
    )
  }
}

• 好多第一次用的 忘记 import {Link} ,这个不能忘记 否则 还是报错
  app2 page