[React] Link / useNavigate

리액트에서는 화면을 이동하기 위해서 사용하는 방법이 2가지가 있다.

Link

• 라우터에서 설정한 경로로 이동
• Link 컴포넌트를 사용하면 DOM에서 a태그로 변하게 된다.
  • a태그는 외부 사이트로 연결시킬 때 사용된다.
• 클릭시 바로 페이지가 변해야될 때 사용된다.

useNavigate

• 특정 주소로 페이지 이동을 할 수 있다.
• 반환하는 함수를 navigate 변수에 저장하여 인자로 path값을 넘겨주면 설정한 경로로 이동할 수 있다.

const navigate = useNavigate()

옵션 :
- replace: history에 이력을 남길지 여부 설정
- state: 페이지를 이동하면서 같이 보낼 데이터를 설정

• 함수 호출을 통해 페이지를 이동할 수 있어서 특정 조건에 맞게 페이지를 이동시킬 수 있다.