728x90
반응형
React useParams
-
React Router URL 파라미터Front-end/React 2023. 7. 12. 02:37
React Router Parameter React Router에서 URL의 파라미터를 설정하려면 path에 :변수를 사용한다. // path 경로 뒤에: 를 붙여 파라미터 변수를 선언한다. 파라미터 변수 선언후 useParams함수를 사용하여 파라미터 값을 변수에 저장한다. // useParams함수를 사용하도록 라이브러리 선언한다. import { useParams } from 'react-router-dom'; function Detail(props) { // path에 선언한 변수명으로 변수를 선언한다. let {id} = useParams(); ... 파라미터값 id변수를 console.log() 함수로 출력했다. 파라미터id의 값으로 각각의 인덱스 데이터를 추출할 수 있다. // Detail...