十一）React项目实战记录：登录页面编写

首先创建Login目录，新建对应文件：

index.tsx：

import { ChangeEvent, useEffect, useState } from "react"
import { Input,Space,Button,message } from 'antd';
import styles from "./login.module.scss"
import initLoginBg from "./init.ts"
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
import './login.less'
import { useNavigate } from "react-router-dom"
import {CaptchaAPI,LoginAPI} from "@/request/api"
const view = ()=>{
  let navigateTo = useNavigate();
  // 加载完这个组件之后，加载背景
  useEffect(()=>{
    initLoginBg();
    window.onresize = function(){initLoginBg()};
    
    getCaptchaImg();
  },[]);
  // 获取用户输入的信息
  const [usernameVal,setUsernameVal] = useState(""); // 定义用户输入用户名这个变量
  cons