React Router V4 - 소품에서 URL 매개 변수를 가져올 수 없습니다.

Question

간단한 React-Redux-Router V4 앱을 만들려고합니다. 내 구성 요소 중 하나에 대한 경로는 url 매개 변수를 사용합니다. 내 Route 구성 요소에서 나는 구성 요소를 반환하는 익명의 함수 인 render prop를 전달했습니다.

<Route key="post" path="/post/:id" component={Post} />

나는 component 소품을 사용하여 렌더링 구성 요소에 소품을 할 수 없습니다니까 그래서 같이 다음 component 소품에 반대

<Route key="post" path="/post/:id" render={() => <Post/>} />

나는이 소품을 사용합니다. 문제는 component 소품으로 props.match.params.name을 사용할 수 있으며 필요한 매개 변수가 정확하게 포함되어 있습니다. render 구성 요소를 사용할 때는 사용할 수 없습니다.

window.location.href을 사용할 수 있지만 더러울 것 같습니다.

감사합니다.

Answer 1

match, location 및 history 소품이 render 함수로 전달됩니다.

예 :

<Route key="post" path="/post/:id" render={({ match }) => <Post name={match.params.name}/>} /> 

문서 : https://reacttraining.com/react-router/web/api/Route/Route-props