Wie erstelle ich dynamisch Seite in Reactjs

Question

Eigentlich möchte ich eine App entwerfen mit jedem Benutzer hat verschiedene Seiten. Zum Beispiel hat UserA X- und Y-Seiten, UserB hat X- und Z-Seiten.

Wenn UserA der App angemeldet, UserA X und Y in seinem Armaturenbrett sehen können und diese Seiten klicken und umleiten

Wenn UserB der App angemeldet, BenutzerB können X und Z in seinem Armaturenbrett und klicken kann und umleiten Diese Seiten

Ich habe ein paar Beispiele gesucht, aber sie erklären nur dynamisch erstellen Komponente. Mit diesen Beispielen kann ich ihr X und Y, Y und Z in ihrem Dashboard zeigen. Allerdings möchte ich, dass diese X, Y, Z dynamische Seiten sein sollten.

Ich hoffe, ich könnte mein Problem sagen. Danke im Voraus.

Answer 1

Das Ändern der Seite in dynamischer Weise ist nicht schwierig. Zum Beispiel kann die root React-Komponente die aktuelle URL/den aktuellen Eintrag in der History API oder einige Informationen in JWT oder InitialState anzeigen und abgleichen und abhängig davon die entsprechende untergeordnete Komponente rendern, die in Ihren Begriffen eine Page ist.

Schwierigkeiten beginnen mit diesem Moment, wenn Sie möchten, dass der Quellcode der Seiten nicht für alle Benutzer sichtbar ist. Oder es gibt viele Seiten, die mit ihnen bündeln beginnt zu viel Platz zu nehmen, gleichzeitig und Ladezeit im Browser. Aber auch in diesem Fall gibt es eine Entscheidung - siehe webpack chunkshttps://webpack.js.org/guides/code-splitting/