FE&BE
2020. 10. 25.
[React] 리액트 라우터(react-router-dom)로 컴포넌트에 객체 전달하기
오늘은 리액트로 개발 할 때 자주 사용되는 리액트 라우터로 컴포넌트에 데이터 전달하는 방법에 대해 알아볼게요! URL을 이용한 param과 query로 간단한 데이터 전달하는 방법은 알고 있었지만 객체를 전달할 수 있는 새로운 방법을 발견해 신기해서 글로 남겨봅니다 ㅎㅎ React에서 Routing을 하는 방법은 여러가지가 있겠지만 저는 페이스북에서 제공해주는 react-router-dom라이브러리를 사용합니다. 이 글은 이 라이브러리를 써보았다는 가정하에 작성되었습니다. 페이지 간 데이터 전달 방법은 제가 사용해본 방식으론 총 3가지가 있습니다 Params Query location 내의 state 변수 ⭐️ Params, Query Params와 Query모두 URL을 이용하여 데이터를 전달합니다! ..