[React][TypeScript] react-router-dom v6 - useNavigate를 이용하여 페이지를 이동시켜보자

useNavigate는 v5에서는 없고, location.push로 이용할 수 있다. 

나는 이전에 Link를 이용하여 페이지를 이동시켰는데 이번에는 useNavigate를 이용하여 이동시켜볼 것 이다.

두개의 차이점은 useNavigate은 지정한 페이지로 바로 이동시킬 수 있는 것 이다. 

Link도 마찬가지로 지정한 페이지로 갈 수 있는데 useNavigate는 언제 써야하는 것 일까?

 

예를 들어서) 만약 로직에 의하여 유저를 로그인 시키거나 홈페이지로 이동시키고 싶을때

사용하면 유용하다. 코드는 아래와 같다.