[React] URL 정보가져오기(match,useParams)

• Front에서 Back으로 API를 요청할 때 스토어의 id를 같이 넣어줘야 하는데, 이를 위해 front의 path에서 값을 가져오는 방법을 찾게 되었다. 이를 위해 match와 useParams를 사용하는 방법을 알아보았다.

• match는 route→component, props는 component→component로 데이터를 전달해 준다. URL을 작성할 때 `:변수명`으로 작성하면, 해당 변수명을 통해 데이터를 받을 수 있다.

• useParams는 react-router-dom 라이브러리 중 하나로, route의 변수가 :slug일 때 useParams를 활용한 예시를 통해 스토어 id를 얻을 수 있었다.

• match와 useParams를 사용하면 route에 설정한 StoreId가 props에 담겨 오는 것을 확인할 수 있었다. 이를 통해 필요한 스토어의 id 값을 얻어 API 요청에 활용할 수 있게 되었다.