useNavigate를 이용한 뒤로가기 구현

• 컴포넌트 내에서 바로 앞 페이지로 뒤로가기를 구현하려고 구글링해보았더니 useHistory 객체를 이용하면 가능하다는 내용을 발견하여 시도하였다.
• import에서 에러가 나와서 살펴봤더니, 이미 없어진 기능이라고 떴다(..)
• 알고보니 react-router-dom V6에서 새로나온 useNavigate가 해당 객체를 전부 대체한다고 한다.
• 아래와 같이 구현하였다.

onClick={() => navigate(-1)}

참고로 앞으로 가기는

onClick={() => navigate(1)}

이와 같이 구현 가능하다.

참고 자료
https://velog.io/@ssulv3030/2022.03.15-TIL-useNavigate-useLocation-useParams