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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Lesson11、首先确保安装了Node.js和npm依赖包管理工具2、在git上克隆官方示例程序 git clo...
    冰_心阅读 2,731评论 0 16
  • 这几天闲下来想开发我个人网站的极客教程的移动web版本,然后发现之前弄的开发移动web的环境过于老旧,于是重新弄了...
    cbw100阅读 2,678评论 0 4
  • 万恶的根源 距离React Router v4 正式发布也已经过去三个月了,这周把一个React的架子做了升级,之...
    桂圆_noble阅读 69,208评论 24 100
  • 如果你已经是一个正在开发中的react应用,想要引入更好的管理路由功能。那么,react-router是你最好的选...
    夏尔先生阅读 31,118评论 7 47
  • 事件:今天体验到对抢单那个员工还是有情绪,中午又遇到郭淼打电话推荐去上彼尚的课,我强烈阻止,告诉她我对彼尚的课理解...
    园宝儿的阅读 201评论 0 0