[React] react-router-dom의 Link, useNavigate 차이

이썸이·2024년 5월 17일
0

useNaviagte()

  • 둘 다 어떤 특정 페이지로 이동할 수 있게 해주는 기능
    • Link는 a 태그 같은거라는데 어쨌건 그게 그 말
  • 그럼 두 개는 각각 어떤 상황에 맞게 써야 하는가에 대한 의문
    • 리서치해보니 대부분 예시 케이스로 로그인 버튼 클릭 시 회원가입이 되어 있는 사용자면 main, 아니면 signup 으로 이동시키는 예제였다

🤔 근데 이건 Link로도 구현 가능하잖아?

```jsx
	<Link to={isSignedUpUser ? '/main' : 'signUp'}>로그인</Link>
```
  • 이런거 말고 진짜 반드시 써야 하는 상황이 무엇이 있을까?
    • useNavigate는 꼭 버튼을 누르지 않고 페이지를 이동시키는 경우 사용할 수 있음
      • ex) 페이지에서 에러 발생 시 얼럿과 함께 특정 페이지로 보내주려고 한다. → 에러는 꼭 버튼 이벤트가 아니어도 발생할 수 있음

0개의 댓글