react-router 렌더 함수의 URL 매개 변수에 액세스

react-router 렌더 함수의 URL 매개 변수에 액세스

이것은 빠른 질문이지만 나는 지금까지 해결책을 찾지 못했다.

렌더링 방법을 사용하여 react-router v4로 URL 매개 변수에 액세스하고 싶다.지금까지 찾아낸 것은 모두 이렇게 구성 요소를 지나칠 뿐이었다.

<Route path="/:id" component={Child} />

그러나 다음과 같은 렌더링 방법을 사용하고 싶다.

<Route path="/:id" render={() => (<Wrapper> <Child /> </Wrapper>)} />

하지만, 그match에 액세스하려고 할 때 소포가 정의되지 않음id에 대한 매개 변수.props.match.params.id나의Child구성 요소

렌더 함수를 사용하고도 url 매개 변수에 액세스할 수 있는 방법이 있는지 알아보시겠습니까?

의 소품들을 물려주어야 한다.Route로Child:

<Route path="/:id" render={(props) => (<Wrapper> <Child {...props} /> </Wrapper>)} />

또는 :

<Route path="/:id" render={(props) => (<Wrapper> <Child id={props.match.params.id} /> </Wrapper>)} />

사용할 수 있다location.searchURL에서 해당 쿼리 문자열을 가져오고 다음 경로에서location.pathname

<Route
      path="/about"
      render={({ location, history }) => (
           <div>
                 <p>We are at: {location.pathname}</p>
                 <p>Query string is: {location.search}</p>
           </div>
      )}
/>

참조URL: https://stackoverflow.com/questions/50855242/accessing-url-param-in-react-router-render-function