Ich versuche, den Beispielcode von react-router-redux zu ändern. Ссылка
das ist mein Home.js
%Vor%Ich habe auch eine mapDispatchToProps dafür.
%Vor%Als ich onSubmit-Funktion anrief, bekam ich einen Fehler
%Vor% Wenn ich this.props in onSubmit lösche, ändert sich der Schlüssel in der URL, aber er befindet sich immer noch auf derselben Seite.
Von localhost:8080/#/?_k=iwio19 bis localhost:8080/#/?_k=ldn1ew
Weiß jemand, wie man es repariert? Schätze es.
Um eine etwas ausführlichere Antwort und die Antwort auf meine eigene Frage im Kommentar zu geben.
Ja, Sie können
tun %Vor%Wie ich bereits erwähnt habe, überschreibt mapDispatchToProps dies jedoch. Um dies zu beheben, können Sie routeActions wie folgt binden:
%Vor% Jetzt können Sie tun: this.props.routeActions.push('/foo')
Nur zur Info, das kann sogar noch besser gemacht werden
%Vor%Ich habe es geschafft, indem ich das gemacht habe
%Vor% Dann können Sie Push-via-Requisiten verwenden
this.props.push('some/cool/route')
Für diese Beispiele würde ich die Funktion mapDispatchToProps wie folgt curren:
bindActionDispatchers.js
%Vor%Foo.js
%Vor%Ich verpackte dies in ein leichtes npm-Paket bind-action-dispatcher mit Unit-Tests und Plausibilitätsprüfungen. Um diese Version zu verwenden, installieren Sie mit:
npm i -S bind-action-dispatchers
und importieren Sie die Funktion mit:
import bindActionDispatchers from 'bind-action-dispatchers'
Tags und Links reactjs react-router react-router-redux