Requisiten-Komponenten mit React Router v4 übergeben

Question

Ich möchte Artikelseite erstellen, verlinkt in Blog-Eintrag. Meine Route:

<Route path = '/blog/:slug' component={Article} /> 

Ich weiß nicht, wie ich meine Requisiten Daten übergeben kann (Titel, Beschreibung, etc ..) Zu meinen Artikel Komponenten. Ich bin auf MeteorJS-Projekt und meine Daten sind nicht statisch, sondern mit MongoDB.

Wissen Sie, ob ich globales Objekt übergeben kann? :

<Route path = '/blog/:slug' component={Article} data={props} /> 

Kann mir jeder helfen? :)

Danke Gemeinde!

Answer 1

Sie können eine Inline-Funktion render anstelle von component verwenden und Requisiten wie üblich übergeben.

Als Beispiel, wenn Sie Titelleiste an Article-Komponente übergeben möchten, können Sie so etwas tun.

<Route path = '/blog/:slug' render={(props)=><Article title="My article title" {...props}/>} /> 

Hier props ist Requisiten aus Router kommen wie Spiel, Lage, Geschichte und staticContext. Sie können {...props} entfernen, wenn Sie nicht möchten, dass sie in Ihrer Artikelkomponente enthalten sind.