使用react成功登录时重定向

npm install react-router-dom

import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';

render() {
  return (
    <Router>
      <div>
        <Route exact path="/" component={Home} />
        <Route path="/login" component={Login} />
        <Route path="/dashboard" component={Dashboard} />
      </div>
    </Router>
  );
}

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

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loggedIn: false, // 标记用户是否已登录
    };
  }

  handleLogin() {
    // 处理登录逻辑
    // ...

    // 登录成功后将loggedIn状态设置为true
    this.setState({ loggedIn: true });
  }

  render() {
    if (this.state.loggedIn) {
      // 如果用户已登录，重定向到仪表盘页
      return <Redirect to="/dashboard" />;
    }

    return (
      <div>
        {/* 登录表单 */}
        <button onClick={() => this.handleLogin()}>登录</button>
      </div>
    );
  }
}

export default Login;