如何从coreui中的组件提供登录验证

import React, { useState } from 'react';
import { CForm, CInput, CButton } from '@coreui/react';

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

  const handleSubmit = (e) => {
    e.preventDefault();

    // 进行登录验证
    if (username === 'admin' && password === 'password') {
      // 登录成功，跳转到主页面
      window.location.href = '/dashboard';
    } else {
      // 登录失败，显示错误提示信息
      alert('用户名或密码错误');
    }
  };

  return (
    <CForm onSubmit={handleSubmit}>
      <CInput
        type="text"
        placeholder="用户名"
        value={username}
        onChange={(e) => setUsername(e.target.value)}
      />
      <CInput
        type="password"
        placeholder="密码"
        value={password}
        onChange={(e) => setPassword(e.target.value)}
      />
      <CButton type="submit">登录</CButton>
    </CForm>
  );
};

export default LoginPage;