Reagieren Router v4 HOC mit Requisiten machen

Question

Ich möchte ein Requisiten passieren und eine HOC in meiner Route für Authentifikation Derzeit

erklären, ich benutze

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

und es funktioniert, aber ohne Requisiten.

Ich glaube, ein Requisiten Sie die Render-Syntax wie diese

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

verwenden müssen, passieren aber ist es eine Möglichkeit, hier eine HOC passieren?

Danke!

Answer 1

Ja, Sie können. Weisen Sie eine großgeschriebene Variable requireAuth(Add) zu.

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

Answer 2

Verwenden Sie withRouter.

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

In Ihrer Add Klasse werden Sie dann in der Lage sein, die Router Requisiten zuzugreifen.