<Router>

    <header>

        <ul>

            <li><Link to='/home'>Home</Link</li>

            <li><Link to='/about'>About</Link</li>

            <li><Link to='/login'>Login</Link</li>

            <li><Link to='/register'>Register</Link</li>

        </ul>

    </header>

    <section>

        <Route path='/home' component={Home}/>

        <Route path='/about' component={About}/>

        <Route path='/login' component={Login}/>

        <Route path='/register' component={Register}/>

    </section>

    <footer>

        balabalabala...

    </footer>

</Router>

<Route path='/detail/:id' render={(match) => (<Detail xxId={match.params.id}/>)}/>

class Detail extends React.Component 大专栏  react-router简单使用方法 class="p">{

    render() {

        console.log(this.props.xxId); //可以输出List里点击传过来的值

        return (<div></div>)

    }

}

import {withRouter} from 'react-router-dom';

class ComponentA extends React.Component {

  //...

  _clickHandler() {

    this.props.history.push('/login');

  }

}

export default withRouter(ComponentA);

<div onClick={()=>this.props.history.goBack()}>返回</div>

import {withRouter} from 'react-router';

class ComponentA extends React.Component {

  //...

  _clickHandler() {

    this.context.router.push('/login')

  }

  _goBackHandler() {

    this.context.router.goBack();

  }

}

ComponentA.contextTypes = {

  router: PropTypes.object.isRequired

};

export default withRouter(ComponentA);

//路由定义

<Route path='/article/:id' component={Detail}/>

//在Detail组件里取值

const {id} = this.props.params;