4
私はReactとRedux、WebSocketを使用していくつかのサーバーサイドイベントを処理しています。コンポーネント(外部モジュール、つまりWebSocket)外部のストア関数(ディスパッチ、getState)を使用します。
機能を割り当てるコンポーネントから、mapDispatchToProps()
機能経由でディスパッチャにアクションをディスパッチできます。
しかし、コンポーネントの外でアクションを実行するとどうなりますか?たとえば、受信したwebSocketのイベントで発生します。別のスクリプトからstore.dispatch
を呼び出す
は、ストアが適切にインポートされている場合でも
がそうするどのような方法があります(発送は定義されていない)、参照エラーを返すのだろうか?ここで
は私のアプリストアの設定機能である:カスタムミドルウェアを使用する方法について
import React, { Component } from 'React'
import { render } from 'ReactDOM'
import { Provider } from 'ReactRedux'
import { Router, hashHistory } from 'ReactRouter' //browserHistory
import actions from './actions/actions'
import configureStore from './store/configureStore'
import routes from './routes'
const store = configureStore()
console.log('store log', store)
window.storeDebug = store.getState() // FIXME: disable in production
render(
<Provider store={store}>
<Router history={hashHistory} routes={routes} />
</Provider>,
document.getElementById('container')
)