[React] React Router (v6)에서 query parameter 사용하는 법
·
Programming/React
배경react에서 query parameter로 받은 값을 서버에 전달하거나 서로 다른 라우터로 이동시에 query parameter를 담아서 redirect해야 하는 일이 생겼다. react router가 v6로 버전업이 되면서 기존에 v5에서 사용하던 방식과는 조금 달라졌다. v6에서 query parameter를 사용해보자. 목표React Router v6에서 query parameter 값 받아오기 Query parameter 값 받아오기특정 query parameter의  value만 받아오는 경우1. 받아오는 컴포넌트에서 searchParams 선언2. searchParams.get('쿼리 key') 로 값을 받아올 수 있다.아래 예제의 경우 ?query=test 이다.// localhost:..
얼은펭귄
'React Router' 태그의 글 목록