计算机应用技术毕业论文.docxVIP

计算机应用技术毕业论文

jsx

importReact,{useState}fromreact;

import{useDispatch}fromreact-redux;

import{login}from../redux/actions/authActions;

import{Form,Input,Button,message}fromantd;

constLoginForm=()={

const[loading,setLoading]=useState(false);

constdispatch=useDispatch();

consthandleSubmit=async(values)={

setLoading(true);

try{

awaitdispatch(login(values.username,values.password));

message.success(登录成功！);

//跳转到首页或之前的页面

}catch(error){

message.error(error.message||登录失败，请检查用户名和密码！);

}finally{

setLoading(false);

}

};

return(

FormonFinish={handleSubmit}layout=vertical

Form.Item

name=username

label=用户名

rules={[{required:true,message:请输入用户名}]}