URL에서 쿼리스트링 값 가져오기

참고: https://velog.io/@kim_unknown_/React-React-Router-Dom-v6

아래와 같은 방식으로 URL에서의 ? 뒤에 있는 queryString(search값)값을 가져올 수 있다. 

const GameMatcher = () => {

  const location = useLocation();

  const navigate = useNavigate();

  // let urlSearchParams = new URLSearchParams(location.search.slice(1));

  // console.log(urlSearchParams.get('hellow'));

  // console.log(urlSearchParams.get('query'));

  // console.log(urlSearchParams.get('age'));

  // console.log(urlSearchParams.get('test1'));

 

  let urlSearch=new URLSearchParams(location.search);

  console.log(urlSearch.get("hellow"));

  console.log(urlSearch.get("query"));

  console.log(urlSearch.get("age"));

  console.log(urlSearch.get("test1"));

왜 slice(1)을 붙여주는지 아직은 모르겠다. 그냥 location.search로 해도 값은 가져와 진다.