회원가입에 성공했다면 홈 화면으로 라우트를 이동시켜 봅시다. RegisterForm에서 history 객체를 사용하려면 withRouter로 컴포넌트를 감싸 주면 됩니다.

containers/auth/RegisterForm.js

import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { changeField, initializeForm, register } from '../../modules/auth';
import AuthForm from '../../components/auth/AuthForm';
import { check } from '../../modules/user';
import { withRouter } from 'react-router-dom';

const RegisterForm = ({ history }) => {
  (...)

  // user 값이 잘 설정되었는지 확인
  useEffect(() => {
    if (user) {
      history.push('/'); // 홈 화면으로 이동
    }
  }, [history, user]);

  return (...);
};

export default withRouter(RegisterForm);

---

 

여기까지 구현했나요? 이제 회원가입에 성공하면 http://localhost:3000/으로 이동할 것입니다. 잘 이동되는지 확인해 보세요.