React 쿼리 파라미터 값

router에 등록된 path parameter는 useParams 쓰면 되니까 가져오는 방법이 쉬운데...

쿼리 파라미터는 찾으면 훅이든 메서드든 바로 나올 줄 알았더니 방법이 은근히 복잡했다.

React Router로 쿼리 스트링 값 가져오기

 

https://velog.io/@joonsikyang/React-Project-URL-parameters-Query-parameters

React | Query parameters, URL parameters

 

const { search } = useLocation();
const query = new URLSearchParams(search);

// 아래 둘은 같다.
fetcher(`${API.search_actor}?q=${query.get('q')}`);
fetcher(`${API.search_actor}${search}`);

하지만 요청 보낼 쿼리 파라미터가 search와 아예 같아, 그대로 받아 쓰면 되기 때문에 굳이 필요하지 않았다.