민프
[React][TypeScript] react-router-dom v6 - useParams를 이용하여 파라미터 값들에 대해서 대응해보자 본문
[React]
[React][TypeScript] react-router-dom v6 - useParams를 이용하여 파라미터 값들에 대해서 대응해보자
민프야 2023. 1. 25. 14:53
위 코드에서 Link에 user.id 값을 파라미터로 보내주고 있다.
여기에서 useParams를 이용하면 이 파라미터값을 가지고올 수 있다.
방법은 Router에서 path에 "/: 파라미터 이름" 으로 붙여주면 된다.
이제 본격적으로 useParams를 적용해보자
이렇게 useParams를 이용해서 파라미터 값을 가져와서 user JSON 배열에 user id에 해당하는 name값을 가지고 올 수 있다.
예시로 이렇게 들었지만 파라미터 값을 가지고와서 필요한 로직을 구현하면 될 것 같다.
'[React]' 카테고리의 다른 글
Comments