React] 로그인 여부에 따른 페이지 분리

로그인 여부에따라 state 지정하기

지난번 로그인을 통해 access-token을 만들어주었다.
getCookie를 통해 쿠키가 없으면(undefined), 이동해야하는 path를 /admin/ai-choosing으로
쿠키가 있으면 /login-page로 이동시켜서 로그인하도록 한다.

 

링크를 타고 들어갈 수 있는 컴포넌트에게 state 전달

원래는 223이었던 코드를
226으로 바꾸었다.

redirect 해야하는 path를 위에서 지정해준 path로 값을 주었다.

 

결과

로그인이 안되어있을 때는(쿠키가 없을 때) admin/이 포함되는 링크로 가려하면 바로 login-page로 향한다.