react 重定向

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

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Redirect from="/old-path" to="/new-path" />
        <Route component={NotFound} />
      </Switch>
    </Router>
  );
}

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

function Login() {
  const history = useHistory();

  const handleLogin = () => {
    // 登录逻辑...
    history.push('/dashboard');
  };

  return (
    <div>
      <button onClick={handleLogin}>Login</button>
    </div>
  );
}

import { useEffect } from 'react';
import { useHistory, useLocation } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();
  const location = useLocation();

  useEffect(() => {
    // 处理路由变化
  }, [location]);

  return <div>My Component</div>;
}

<Redirect from="/old-path" to="/new-path" exact={true} />