react-router4.0有没有类似vue里的this.$router.push({path:'/Home'})

Question

如题，react-router4.0如何在做完某个逻辑时直接切换路由？

Answer 1

this.props.history.push({pathname:"/Home"}

Answer 2

this.props.history.push('/Home')

Answer 3

解决了，需要把组件使用withRouter包一层，具体代码实例

import React, {Component} from 'react'
import {withRouter} from 'react-router-dom'

class Foo extends Component {
  constructor(props) {
    super(props)

    this.goHome = this.goHome.bind(this)
  }

  goHome() {
    this.props.history.push('/')
  }

  render() {
    <div className="foo">
      <button onClick={this.goHome} />
    </div>
  }
}

export default withRouter(Foo)

链接：链接描述