<React> useSearchParms

yezee·2022년 11월 21일
0

React

목록 보기
12/23
post-thumbnail

react-router-dom에서 제공되는 URLsearchParms에 대한 정보를 반환하는 hook으로 [seachParmas,setSearchParams]를 반환
searchParmas->현재 search에 대한 정보를 반환
setSearchParams-> 새로운 쿼리스트링을 업데이트한다

multiple query params

query string에서 1개의 키값에 대해 여러개의 value가 들어가는 경우가 있다
예로 key=value1&key=value2... 처럼 나타나야 되는 경우가 있다
하지만 searchParams.set()으로 처리하는 경우 하나만 처리할 수 있다

  • searchParms.getAll("key") 로 해당 key에 대해 모든 value값을 배열로 받아올 수 있따
  • searchParms.append("key","newValue") 로 set대신에 해당 key에 배열처럼 value가 추가된다
  • delete("key")를 쓰는 경우 key에 대한 모든 value들이 제거된다

추가예정)

profile
아 그거 뭐였지?

0개의 댓글