React-router - Wählen Sie die Daten, die je nach Link in die Komponente eingefügt werden.

Question

Ich baue ein Portfolio mit React und habe eine "ProjectPage", die ich als Vorlage für einzelne Projekte verwenden werde.

Wenn ein Benutzer auf einen "View project" -Button klickt, wird er zur "ProjectPage" geführt, aber ich bin mir nicht sicher, wie man die Daten ändert (z.B. Titel, Bilder, Beschreibung). Was ist der beste Weg, dies zu tun?

Ich dachte an ein Array von Objekten, die die Daten in die Komponente einfügen würde. Hier

ist ein Link zu meinem Portfolio-Site auf GitHub: https://github.com/james2406/Portfolio

Dank

Answer 1

Ändern der Daten auf der Strecke abhängig. Sie können params wie folgt verwenden:

<Route path="project/:projectId" component={ ProjectPage }></Route> 

Dann in der Project Page Komponente, können Sie diese Parameter wie folgt zugreifen können:

this.props.params.projectId 

auf diesem Wert Basierend Sie den Projekttitel, Bild zeigen kann, und Beschreibung. Sie können diese Daten aus Ihren Geschäften übernehmen.