reactjs - this.props.history.push() 似乎不再在 React Router v4 中工作，有什么替代方案吗？

Question

我是 React 新手，我看到的大多数有关使用 React Router 进行重定向的教程似乎都在使用上述代码片段。我想要实现的目标是在成功登录后将用户重定向到我网站的主页。我尝试过history.push，但根据我的谷歌搜索，它不再在路由器v4中工作。我可以做什么作为替代方案？我对有状态和无状态解决方案持开放态度。

为了澄清，这是工作流程 -

1. 用户在文本框中填写用户名
2. 用户在文本框中填写密码
3. 用户点击提交按钮
4. 使用用户名和密码调用 API 来验证用户身份
5. API 返回成功以表示登录成功
6. 成功登录后，用户将被重定向至主页

Answer 1

history.push('./path') 在 React Router v4 中仍然可用，您需要添加 withRouter

示例

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

class Test extends Component {
  render () {
    const { history } = this.props

    return (
     <div>
       <Button onClick={() => history.push('./path')}
     </div>
    )
  }
}

export default compose(
  withRouter,
)(Test)