Erroron reactredux Router

Question

Ich bin mit diesem Code zu routen redux Router

import React from 'react' 
import ReactDOM from 'react-dom' 
import { createStore, combineReducers } from 'redux' 
import { Provider } from 'react-redux' 
import { Router, Route, browserHistory } from 'react-router' 
import { syncHistoryWithStore, routerReducer } from 'react-router-redux' 
import Calendar from '../calendar/calendar' 
import Cards from '../cards/cards' 

const history = syncHistoryWithStore(browserHistory) 
const App=() => { 
return <div> 
    <h2>start</h2> 
    <a href="/calendar">calendar</a> 
    <a href="/cards">cards</a> 
</div> 
} 

const store = createStore(
combineReducers({ 
    routing: routerReducer 
}) 
) 


ReactDOM.render(
<Provider store={store}> 
{ /* Tell the Router to use our enhanced history */ } 
<Router history={history}> 
    <Route path="/" component={App}> 
    <Route path="calendar" component={Calendar}/> 
    <Route path="cards" component={Cards}/> 
    </Route> 
</Router> 
</Provider>, 
document.getElementById('mount') 
) 

Ich erhalte diesen Fehler

"Uncaught TypeError: Cannot read property 'getState' of undefined"

Ich versuche Router redux auf app redux Dank erstellen zu implementieren

Carlos Vieira

Answer 1

Aus dem Code, den Sie vorgesehen haben, ist difficu Es um genau zu sagen, was Ihr Problem ist, aber wenn Sie versuchen, React-Router zu verwenden, möchten Sie vielleicht beginnen, indem Sie die Links ändern, um ihre Verwendung zu spiegeln.

Versuchen ersetzen:

<a href="/calendar">calendar</a> 
<a href="/cards">cards</a> 

mit diesem:

<Link to="/calendar">calender</Link> 
<Link to="/cards">cards</Link> 

und Import Link von React-Router durch das am Anfang der Datei platzieren:

import { Router, Route, browserHistory, Link } from 'react-router' 

Wenn diese tut nichts, um Ihr Problem zu lösen, und Sie veröffentlichen, wo Sie versuchen, die state und p zu initialisieren Vielleicht auch versuchen, setState Sie möglicherweise mehr Hilfe mit diesem Fehler erhalten.