[react] useNavigate 를 통해 이동시 URL쿼리파라미터 가져오기

 

navigate를 통해 페이지를 이동할 때,

 navigate(`/eatMate/mateForm?category=${category}`, {state: {place}});

 

쿼리 파라미터를 읽기 위해서는 useSearchParams 훅을 사용할 수 있다. 이 훅을 사용하면 URL의 쿼리 파라미터를 쉽게 읽고 수정할 수 있다.

 const [searchParams, setSearchParams] = useSearchParams();
 const category = searchParams.get('category');