import { useEffect, useState} from 'react' import { Link } from 'react-router-dom' import userApi from '../apis/user.api' import catchErrors from '../context/catchError' import { handleLogin } from '../context/auth' const INIT_USER = { email: '', password: '', } const Login = () => { const [user, setUser] = useState(INIT_USER) const [disabled, setDisabled] = useState(true) const [error, setError] = useState('') const [success, setSuccess] = useState(false) useEffect(() => { const isUser = Object.values(user).every((el) => Boolean(el)) isUser ? setDisabled(false) : setDisabled(true) }, [user]) function handleChange(event) { const { name, value } = event.target setUser({ ...user, [name]: value }) } async function handleSubmit(e) { e.preventDefault() try { // setLoading(true); // setError(""); const data = await userApi.login(user) handleLogin(data.id) setSuccess(true) } catch (error) { console.log('error in login', error) catchErrors(error, setError) } finally { // setLoading(false); } } if (success) { alert('로그인 되었습니다'); window.location.href='/user' } const { email, password } = user return (

로그인

{error &&
{error}
}
) } export default Login