민프

[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값을 가지고 올 수 있다. 

예시로 이렇게 들었지만 파라미터 값을 가지고와서 필요한 로직을 구현하면 될 것 같다. 

 

Comments