현재, 내가</p> <p><code><Route exact path="/add" component={requireAuth(Add)} /></code></p> <p>를 사용하고 소품없이하지만 노력하고 렌더링 소품 나는 소품을 통과 <p>위한 인증</p> 내 경로에 HOC를 선언 할

Question

와 라우터 V4 HOC 반응.

나는 당신이이

<Route exact path="/add" render={props => <Add {...props} type="MyProp" />}/> 

같은 구문을 렌더링 사용할 필요가 소품을 통과 생각하지만 여기 HOC을 통과 할 수있는 방법은 무엇입니까?

감사합니다.

Answer 1

예, 가능합니다. 자본화 된 변수를 requireAuth(Add)에 할당하십시오.

const AuthAdd = requireAuth(Add); 
<Route 
    exact 
    path="/add" 
    render={props => <AuthAdd {...props} type="MyProp" />} 
/>; 

Answer 2

withRouter을 사용하십시오.

<Route exact path="/add" component={withRouter(Add)} /> 

Add 클래스에서는 라우터 소품에 액세스 할 수 있습니다.