2017-05-10 7 views
1

Ich bin neu in React und einzelne Apps und ich habe eine Frage in diesem Ansatz.Wie Daten in direkten Kinderrouten behandelt werden

Im mit React-Router 4. Wenn Routing kann sagen, ich habe eine ToDos Komponente (myapp.com/todos), dass bei einem Besuch ich die ToDos Daten zu so etwas wie „myapp.com/api/todos.json“ holen und Holen Sie sich die ToDos-Liste und dann rendern jede ToDo, und wenn ich zu etwas wie ToDo-Komponente, wo Sie die ToDo-Details zeigen möchten, wäre eine Route wie "Todos /: Todoid", dann benutze ich und gehe zu den ToDo Detail und das funktioniert gut, aber was passiert, wenn ein Benutzer direkt die "Todos/1" besucht ?. Sollte ich die Daten vom Server abrufen, die diesem bestimmten Todo entsprechen? etwas wie "myapp.com/api/todos/1.json"? oder sollte ich die ToDo-Komponente laden und alle Todos bekommen?

Ist wichtig, denn dann muss ich Server die Routen rendern und einige Requisiten wie die offenen Grafik-Tags an die Route übergeben.

Jeder Rat oder Tutorial oder Kurs wäre zu schätzen. Danke im Voraus!

Antwort

0

Sie benötigen kein serverseitiges Rendering, wenn der Benutzer 'todos/1' direkt öffnet, dann ToDo-detail-Komponente rendert und onComponentDidMount zum Abrufen verwendet ('api/todos/1').

+0

Ich muss Server-Side-Rendering verwenden, weil ich die offenen Grafik-Tags (und einige andere SEO-Requisiten) Rendern muss, sonst Crawler wie Facebook nicht die Metadaten abrufen, so dass ich die OnComponentDidMount nicht zum Abrufen der Daten verwenden kann – Bastiano

Verwandte Themen