2016-05-13 12 views
13

Ich möchte einen Abruf mit dem OnEnter-Rückruf durchführen, aber ich weiß nicht, wie ich einen URL-Parameter in der Route-Komponente lese. Ich habe diese StreckeReact-Router - wie route params in onEnter zu verwenden ist?

<Route path="book/:bookId" component={BookContainer} onEnter={onBookLoad()}/> 

ich die bookId von Pfad als Funktionsparameter für onBookLoad() verwenden möchten. Ist es möglich?

+1

onEnter nicht mehr in reagieren-Router https://stackoverflow.com/questions/42768620/onenter-not-called-in-react-router – Snickers3192

Antwort

19

Gern, es war trivial.

<Route path="book/:bookId" component={BookContainer} onEnter={onBookLoad}/> 

export function onBookLoad(nextState) { 
console.log(nextState.params.bookId); 
//do stuff with the param 
} 
+1

meinst du BookID, nicht surveyId? –

+0

Ja, du hast Recht – vicusbass

Verwandte Themen