Verwenden mehrerer Layouts für React-Router-Komponenten
Wenn ich folgendes habe:
%Vor%Wie kann ich es so machen, dass die zwei Sätze von Routen jeweils ein anderes Layout verwenden.
Wenn ich nur ein einzelnes Layout hätte, würde ich es in App einfügen, aber in diesem Fall, wo definiere ich das Layout?
Um es noch komplizierter zu machen, werden einige der Layoutkomponenten (z. B. top nav) zwischen beiden Layouttypen geteilt.
3 Antworten
Ich habe das wie im Geteilten Stammbeispiel
gelöstSie können Routen ohne Pfad verwenden, um Container zu definieren, die nicht durch die URL definiert sind:
%Vor%Die Layout-Komponenten können dann zusätzliche Komponenten wie das Top-Nav importieren
Hier können Sie mehrere Layouts mit verschiedenen React-Komponenten verwenden.
In Ihrem Router können Sie verwenden:
%Vor% 
Quelle: Ссылка
Pintouch, ich konnte das mit dem folgenden Beispiel arbeiten:
Layout1:
%Vor%Layout2:
%Vor%Layout-Container:
%Vor%Routen:
%Vor%Tags und Links react-router