<Route exact path="/users/:id" component={Users} />"
<User />
컴포넌트 내에서는 path
의 id
값을 this.props.match.params.id
로 받아 사용할 수 있다.
localhost:8000/product?limit=10&offset=5
// 페이지네이션
// ?: 쿼리 시작을 알림
// limit: 한 페이지의 데이터 수
// offset: 데이터 시작 위치
?limit=10&offset=5
부분은 this.props.location.search
로 받아 사용할 수 있다.
React Route
는 아래와 같은 객체들을 자체 제공한다. 단, 이들을 사용하기 위해서는 withRouter
함수가 필수임을 명심해야 한다.
: 페이지 이동을 위한 여러 method
들을 담고 있다.
ex. push
: Path Parameter에 관한 정보를 담고 있다.
: 현재 url 경로에 관한 정보를 담고 있다.