browserHistory undefined Reagieren mit Router 2.00 release-Kandidaten

Reagieren Mit Router 2.0.0rc1-5 habe ich immer browserHistory als unbestimmt nach dem importieren:

import { browserHistory } from 'react-router'

Das Paket scheint korrekt installiert werden, aber unabhängig von der version und ob auf server oder client, ich habe das gleiche Ergebnis.

Vielleicht ist dies ein bekannter bug?

  • Mit neueren Versionen von react-router Sie bekommen die Geschichte Schöpfer aus der history Paket. Werfen Sie einen Blick auf docs.
  • Aus dem master-Zweig, ich glaube, Sie sind eigentlich auf der Verpackung browserHistory zu reagieren-router jetzt
  • Mit den 2.0-rcs, bekomme ich undefined auf dem server... und im browser bekomme ich connect.js?243b:60 Uncaught TypeError: finalMapStateToProps is not a function (das scheint wie eine Redux-Ausgabe). Ich denke, es ist mit dem Rendern zu Reagieren-Router obwohl, wie erhalte ich den selben Fehler auf dem server, es sei denn, Entferne ich den router von meinem renderToString
  • Gotcha. Es sollte eigentlich zurück undefined auf dem server, wenn ich Lesen Sie den code korrekt. Verwenden Sie nicht die Geschichte auf den server, sich stattdessen für match und RoutingContext. Und die browser-Fehlermeldung klingt wie ein Redux configuration problem, vielleicht in deinem code - fühlen Sie sich frei, um es oben und wir können schauen.
  • Es scheint, als ob es war in der Tat ein Redux-syntax Problem. Einmal war ich nicht mit browserHistory auf dem server, wie u sagte, ich vermied das Undefinierte Ausgabe. Meine redux Fehler war in Bezug auf meine Verwendung von connect() in einem container. Vielen Dank für die Hilfe!
  • können Sie erläutern, was die Lösung im Behälter war?

InformationsquelleAutor hoodsy | 2016-01-16
  1. 1

    Sehen useRouterHistory:
    https://github.com/rackt/react-router/blob/master/upgrade-guides/v2.0.0.md#using-custom-histories

    Ich bin mit diesem server-Seite:

    import {Router, RouterContext, match, useRouterHistory} from 'react-router';
import {createMemoryHistory} from 'history';

//...
const appHistory = useRouterHistory(createMemoryHistory)({});
const component = (
  <Provider store={store} key="provider">
    <Router routes={routes} history={appHistory} />
  </Provider>
);
    • Sie können installieren react-router version 3.0, wie diese : npm install --save [email protected] das sollte auch aktualisieren Sie Ihr webpack-Konfigurationsdatei. Und Sie sind gut zu gehen.
    InformationsquelleAutor Antonio Presto
  2. 0

    Installieren Sie reagieren-router version 3.0

    npm install --save [email protected] oder

    yarn add [email protected]

    Dann, die sowohl die Methoden der Arbeit:

    Methode 1

    import { Router, useRouterHistory } from 'react-router';
import {createMemoryHistory} from 'history';
import routes from './routes';

const appHistory = useRouterHistory(createMemoryHistory)({});

ReactDOM.render(
    <Router history={appHistory} routes={routes}/>,
    document.getElementById('root')
);

    Methode 2

    import { Router, browserHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(
    //or hashHistory
    <Router history={browserHistory} routes={routes}/>,
    document.getElementById('root')
);
    InformationsquelleAutor Deepak
Schreibe einen Kommentar