简介

React-Router-Dom基于React-Router，加入了一些浏览器功能，如 <Link>、 <BrowserRouter>(使用pushState和popState事件构建路由)、 <HashRouter>(使用window.location.hash和hashchange事件构建路由) 这样的 DOM 类组件，支持直接在DOM中定义跳转。因此通常直接使用React-Router-Dom即可。

跳转

使用<Link>进行跳转

import {Link} from 'react-router-dom'

component组件内js跳转

this.props.history.push(null, '/some/where')
this.props.history.replace(null, '/some/where')

component组件外js跳转

import { browserHistory } from 'react-router';
browserHistory.push('/some/path');

属性

使用React-Router进入的模块构造函数由Router组件调用，因此props中含有一些参数和方法，如this.props.location.query获取query对象

向<Route>中的组件传非字符串参数

import { BrowserRouter as Router, Route } from "react-router-dom";
<Router>
  <Route
    exact
    path="/objective/:id"
    component={(initProps) => <Objective aa="1111" initProps=  {initProps}/>}
  ></Route>
</Router>