본문 바로가기
React

리액트 useNavigate hook 사용

by mickey7 2023. 10. 6.
useNavigate훅은 경로이동 때 사용

import로 불러오고

 

 

  1.  useNavigate 훅을 이용해서 navigate 함수 생성
  2. 클릭 이벤트 핸들러에 등록할 함수 생성 후 안에 navigate 함수 인수에 해당 경로를 전달

 

<Button />
함수 인자에 설정현 경로로 이동!

정리

쓰면서 아직 의문점은 없는데 미리 Path와 router 등을 설정해둬야 편하겠다ㅏ