Ich möchte wissen, wie Sie den Titel jeder Seite mit ReactJS festlegen. Und mehr, ich benutze react-router-component und ich möchte die gleiche Technologie verwenden, um den Titel auf jeder Seite auf der Serverseite mit React.renderComponentToString zu setzen.
Meine aktuelle root-Komponente:
%Vor%Und meine Inhaltskomponente:
%Vor% Um den Titel an Ihre App -Komponentenserver-Seite weiterzuleiten, müssen Sie sie genauso weitergeben, wie Sie die path weitergeben, d. h. als props und nicht state .
Also zuerst müssen Sie ändern:
%Vor%An:
%Vor% Übergeben Sie dann in Ihrem Backend den gewünschten Titel an die App -Komponente, wenn Sie ihn wie folgt instanziieren:
Hoffe das hilft!
Wie beim Einstellen der Titelseite des Clients denke ich, dass Ihre Lösung mit document.title wahrscheinlich die beste Option ist.
Aktualisieren
Ich habe jetzt das obige getestet und der Titel ist korrekt gesetzt, aber React bekommt eine andere Prüfsumme für die vom Server generierte Komponente und der Client generiert eine, was nicht gut ist:
%Vor%Also eigentlich sollten Sie diese Lösung nicht verwenden!
Muss etwas mehr herumspielen ...
Tags und Links reactjs