2017-05-11 4 views
0

Ich bekomme ein seltsames verhalten mit react/redux/react-router auf Chrome. Ich habe eine Komponente, die wie folgt aussieht:Reagieren Router HashRouter Einfügen eines? vor # in url

const PageHeader = withRouter(props => 
    <Form plain={true} onSubmit={() => props.history.push("/search")} > 

    {/*component stuff goes here */} 
) 

, wenn ich das Formular auf Firefox eintragen bringt mich auf die richtige URL, das heißt http://myip/#/search. Auf Chrome bringt es mich jedoch zur folgenden URL: http://myip/?#/search die aus irgendeinem Grund auch die App aktualisiert, so dass ich den ganzen Zustand in meinem Laden verliere. Hat jemand dieses Verhalten vorher beobachtet?

(Auch für die Formularkomponente Ich verwende grommet)

Antwort

1

versuchen, der Standard einreichen Verhalten zu unterdrücken, indem Sie Ihre Form zu

Ändern
<Form plain={true} 
    onSubmit={(e) => { e.preventDefault(); props.history.push("/search")}} >