0

このコードを使用して、ルート redux ルーターを作成しています

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')
)

このエラーが発生しています

「キャッチされていない TypeError: 未定義のプロパティ 'getState' を読み取ることができません」

app redux に router redux を実装しようとしています ありがとう

カルロス・ビエイラ

4

1 に答える 1

0

あなたが提供したコードから、問題が何であるかを正確に知ることは困難ですが、使用しようとしている場合は、React-Routerその使用を反映するようにリンクを変更することから始めたいと思うかもしれません.

置き換えてみてください：

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

これとともに：

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

これをファイルの先頭に配置して、React-Router から Link をインポートします。

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

これで問題が解決せず、初期化しようとしている場所を投稿した場合、stateおよびおそらく同様にしようとしsetStateている場合、そのエラーについてさらにヘルプが表示される可能性があります。

于 2016-09-03T10:56:34.260 に答える