ReactJS (6) useParams

ReactJS (5)에서 route를 만들 때 info 변수를 만들었다

이렇게 url에서 어떠한 정보를 빼내올때 useParams를 쓰면 된다

 

예)

이렇게 useParams를 써준후

url은 /wef로 해주고 info 페이지로 이동후 console을 열어주면

 

이렇게 wef가 info 변수에 찍히는 걸 볼 수 있다

그럼 이 object안에 있는 info를 어떻게 가져올까?

 

 

이런 식으로 {변수이름}을 해주면 바로 정보를 빼내올 수 있다

필자는 typescript을 쓰기 때문에 따로 interface도 지정해 준 걸 볼 수 있다