React-从signIn屏幕进行导航重定向

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

const SignInScreen = () => {
  // 处理用户登录逻辑
  const handleSignIn = () => {
    // 登录成功后进行导航重定向
    // 重定向到名为Home的路由
    return <Redirect to="/home" />;
  };

  return (
    <div>
      {/* 登录表单 */}
      <form onSubmit={handleSignIn}>
        {/* 登录表单字段 */}
        {/* ... */}
        {/* 登录按钮 */}
        <button type="submit">登录</button>
      </form>
    </div>
  );
};

const HomeScreen = () => {
  return <div>欢迎回到首页！</div>;
};

const App = () => {
  return (
    <BrowserRouter>
      <Route path="/signin" component={SignInScreen} />
      <Route path="/home" component={HomeScreen} />
    </BrowserRouter>
  );
};

export default App;