복잡한 로직(이라기엔 그냥 긴)으로, 쿼리매개변수가 바뀌고,
path 가 많이 길어지면, 가독성이 너무 떨어진다.
history.push( `/.../.../.../......... ? xxx= ${(isAscending ? yyy : zzz)}`)
위의 history를 가독성 있는 코드로 변경시키자.
history.push({
pathname: "xxx/xxx/xxx/..."
search : `?arrangeRule = ${(isAscending ? yyy : zzz)}`
})
마치, useLocation 의 프로퍼티를 보는 듯 하다.
같을 것이다. 두개 모두 "URL" 에 포커스가 맞춰져있는 훅이므로!
'React > React-Route' 카테고리의 다른 글
8. [리액트- 라우터 배포준비- 최적화] LazyLoading 과 React.memo() (0) | 2022.12.22 |
---|---|
7. V6 업그레이드 방법 기초(1) (0) | 2022.12.22 |
5. onFocus 리스너와 함께하는 Prompt 로 "정말 뒤로 갈건지 한번 딱 물어봐주기" (0) | 2022.12.22 |
4. 잘못된 URL 주소로 들어간다면, Not Found Page 돌려주기 (1) | 2022.12.22 |
3. 쿼리 매개변수를 사용해, 아이템 정렬하기 [ useHistory, useLocation , URLSearchParams ] (0) | 2022.12.20 |
댓글