Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 백준 #적록색약
- react
- #useRef #언제 쓰는데?
- rate limit
- React-Query
- react #useCallback #react Hook
- 노마드 코더 #타입스크립트 #typescript #class
- raect typescript #react #typescript #styled-component
- 백준 #직각삼각형
- 빡킹독
- npm #not being able to find a file #npm install Error
- interceptors
- axios
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- 코드스테이츠 #알고리즘 #그리디
- RateLimit
- html entities
- React #effect hook #useEffect
- React #리액트 이벤트 주기 #리액트 이벤트
- 플로이드 #c++
- react fragment
- DP #c++
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- 이친수
- useState #Hooks
- 버블링 #갭쳐링 #이벤트 #JS
- donwstream #upstream #origin
- 다익스트라 #파티 #백준
- React #Hook rules #Hook 규칙
Archives
- Today
- Total
목록React Router (1)
꿈꾸는 개발자
React Router useNavigate 살펴보기
사용 목적: component를 사용하지 않고 페이지 이동을 할 때 사용하는 Hook이다 const goBack = () => { // 이전 페이지로 이동 // -2를 넣을 경우 뒤로 두 번 이동을 한다! navigate(-1); }; const goArticles = () => { // articles 경로로 이동 navigate('/articles'); }; 이벤트 핸들러에 위 함수를 할당 할 경우 주석으로 처리된 기능으로 작동하게 된다! 사용법: Hook의 첫 번째 인자로 이동하기 원하는 path를 주는 것(두 번째(replace) 인자의 경우 optional) const goArticles = () => { navigate('/articles', { replace: true }); } replac..
React Router
2023. 1. 25. 15:27