파라미터와 쿼리

일반적으로 파라미터는 특정 아이디 혹은 이름을 사용하여 조회할 때 사용

쿼리는 어떤 키워드를 검색하거나 페이지에 필요한 옵션을 전달할 때 사용한다.

URL 파라미터

라투으토 사용되는 컴포넌트에서 받아오는 match라는 객체 안의 params 값을 참조한다.

match 객체 안에는 현재 컴포넌트가 어떤 경로 규칙에 의해 보이는지에 대한 정보가 들어있다.


path = "/profile/:username";
=> match.params.username

URL 쿼리

쿼리 문자열을 객체로 변환 할 때는 qs라는 라이브러리를 사용한다.

yarn add qs


const query = qs.parse(location.search, {
  ignoreQueryPrefix: true,
});
const showDetail = query.detail === "true";

return {showDetail && <p>detail 값을 true로 설정하셨군요.</p>}