useHistory -> useNavigate 업그레이드

Hyun·2022년 3월 26일
0

리액트 훅

목록 보기
14/14

변경 전

    const onSubmitHandler = (e) => {
        e.preventDefault();
        console.log(email, password);
        let body = {
            email,
            password
        }
        
        dispatch(loginUser(body)).then((res) => {
            if(res.payload.loginSuccess){
                props.history.push('/'); <---------------------- 이부분
                //성공이면 home으로 돌아감
                window.location.reload();
                //새로고침 버튼처럼 현재 리소스를 다시 불러온다
            }else{
                alert("ERROR");
            }
        })
    }

변경 후

    const onSubmitHandler = (e) => {
        e.preventDefault();
        console.log(email, password);
        let body = {
            email,
            password
        }
        
        dispatch(loginUser(body)).then((res) => {
            if(res.payload.loginSuccess){
                navigate('/');<----------------------------- 변경된 부분
                //성공이면 home으로 돌아감
                window.location.reload();
                //새로고침 버튼처럼 현재 리소스를 다시 불러온다
            }else{
                alert("ERROR");
            }
        })
    }
profile
better than yesterday

0개의 댓글