[React] 리다이렉트를 이용한 로그인 후 이전 페이지 이동

 

🤷‍♂️ React 로그인후 로그인 이전페이지로 이동하는 방법.

---

1. 커뮤니티에서 페이지 이동시 navigate에 state에 pathname 값을 할당

2. 커뮤니티에서 login 페이지로 이동하고 로그인 후 다시 커뮤니티 페이지로 이동

---

Router

 

---

Header Login 이동 

1. react-router-dom에 useLocation 사용

2. pathname으로 현재 페이지 path값을 찾고 login 이동시 state에 현재 페이지 path를 넣어준다. 

 

\

---

Sign in 이동

1. react-router-dom에 useLocation 사용

2. useLocation에 state 찾는다.

3. 로그인 성공 후에 navigate에 받아온 state 값으로 이동시킨다. 

 

url로 접속 하게되면 state 없을수도 있기때문에 예외처리를 해주면 된다. 

 

  if (state) {
    navigate(state);
} else {
    navigate('/');
}