如何硬编码简单的身份验证(无后端)并重定向到主页- React

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

const LoginPage = () => {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');
  const [loggedIn, setLoggedIn] = useState(false);

  const handleLogin = () => {
    // 硬编码的身份验证逻辑
    if (username === 'admin' && password === 'password') {
      setLoggedIn(true);
    }
  };

  if (loggedIn) {
    return <Redirect to="/home" />;
  }

  return (
    <div>
      <h2>Login Page</h2>
      <input
        type="text"
        placeholder="Username"
        value={username}
        onChange={(e) => setUsername(e.target.value)}
      />
      <input
        type="password"
        placeholder="Password"
        value={password}
        onChange={(e) => setPassword(e.target.value)}
      />
      <button onClick={handleLogin}>Login</button>
    </div>
  );
};

export default LoginPage;