成功登录后如何更改确切路径

Question

我正在制作一个成功登录到首页后将用户重定向到的登录页面，我正在使用React Router dom，我试图寻找一种简单的方法来做到这一点，但我找不到：

import Authen from './Pages/Authen';
import Home from './Pages/Home';
import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom';
class App extends Component {
  render() {
    return (
  <div className="App"> 

    <Router>
    <div>
      <ul>
      </ul>
      <Route exact path="/" component={Authen}/>
      <Route path="Home" component={Home}/>
    </div>
  </Router>
  </div>

谢谢您的帮助，我真的很感激:)

Answer 1

成功登录到主页后重定向用户的登录页面

使用react-router-dom随附的withRouter高阶组件。 它将使您的组件能够访问历史记录道具。 使用历史记录道具，您可以推送到任何新的URL。

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

class Authen extends React.Component {

onLogin = () => {
  // also other authentication code
 this.props.history.push('/home')
}

render() {
 return (
   <button onClick={() => this.onLogin()}> Login </button>
  )   
 }   
}

export default withRouter(Authen);