해결된 질문
작성
·
390
0
import React, { useState } from 'react'
import { useDispatch } from 'react-redux';
import { loginUser } from '../../../_actions/user_action';
import { useNavigate } from 'react-router-dom';
function LoginPage(props) {
let navigate = useNavigate();
//dispatch
const dispatch = useDispatch();
//state, 처음state = ""
const [Email, setEmail] = useState("")
const [Password, setPassword] = useState("")
//event 발생할 때 state를 변경
const onEmailHandler = (event) => {
setEmail(event.currentTarget.value)
}
const onPasswordHandler = (event) => {
setPassword(event.currentTarget.value)
}
//login 버튼
const onSubmitHandler = (event) => {
//페이지 refresh 방지
event.preventDefault();
// console.log('Email', Email)
// console.log('Password', Password)
//보내줄 data
let body = {
email: Email,
password: Password
}
//'loginUser'라는 action
dispatch(loginUser(body))
.then(response => {
if(response.payload.loginSuccess) {
navigate('/'); //v.6
// props.history.push('/') //v.5
} else {
alert('Error');
}
})
답변 1
0
안녕하세요
에러 부분은 서버에서 로그를 확인해서 수정해주시면 될 것 같습니다.
navigate 부분은
import {useNavigate} from 'react-router-dom';
let navigate = useNavigate();
navigate('/home')
을 이용해서 페이지를 이동해주시면 됩니다.
감사합니다.