React : 특정 url에만 컴포넌트 보여주는 방법

이번에 맡은 기능은 이전에 만들어두었던 메뉴에서 

전체를 클릭했을때 MD's Pick 슬라이드가 나오도록 하는 거였다. 

전체 선택시 MD's Pick이 나온다.

그외 메뉴를 누르면 상품만 나온다.

 

조금의 삽질이 있었지만 useParams 를 이용해 쉽게 구현할수 있었다.

아래는 내가 짜놓은 코드이다.

      {params.category === '전체' && <Nomination />}

먼저 내가 부분적으로 보여주고 싶은 부분을 컴포넌트로 만들고

useParam 를 이용해 params 값이 '전체'일때 Md's Pick 컴포넌트를 보여주게 설정했다.