React history.push() 正在更新 URL,但并未在浏览器中导航到仪表板页面
作者: daiki9753创建于 2024年2月20日更新于 2024年2月20日
import React, { FormEvent, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useNavigate } from 'react-router-dom';
import { login } from '../../store/slices/login';
import InputField from '../../components/InputField';
import Form from '../../components/Form';
import FormRow from '../../components/FormRow';
import FormLeft from '../../components/FormLeft';
type LoginFormState = {
email: string;
password: string;
};
const LoginPage = () => {
const navigate = useNavigate();
const dispatch = useDispatch();
const [localData, setLocalData] = useState({ email: '', password: '' });
const { error, successMessage } = useSelector((state: any) => state.login);
const handleSubmit = (event: FormEvent) => {
event.preventDefault();
dispatch(login(localData));
};
const handleInputChange = (event: React.ChangeEvent) => {
setLocalData({ ...localData, [event.target.name]: event.target.value });
};
const handleLoginButtonClick = () => {
navigate('/signup');
};
return (
LOGIN FORM
Your Email Password …内容来源: reach/router