redux-thunkをReactで正しく使用するには？

Question

私は、アクションに定義されていない型プロパティがないと不平を言ってもらわないようにしようとしています。

私は次のように私のクライアント側レンダリング設定している：私は正しい方法であると考えられて

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import routes from './shared/routes'; 
import rootReducer from './shared/reducers'; 
import thunk from 'redux-thunk'; 
import { createStore, applyMiddleware } from 'redux'; 
import { Provider } from 'react-redux'; 

let initialState = window.__INITIAL_STATE_; 

const store = createStore(rootReducer, initialState, applyMiddleware(thunk)); 

ReactDOM.render(
<Provider store={store}> 
    {routes} 
</Provider>, document.getElementById('app')); 

を？

Answer 1

はい。 redux-thunk githubページには、その使用方法の素晴らしい例があります。あなたの行動のために

、それは非同期アクションだ場合、私は約束して非同期アクションをディスパッチするために、このアプローチを使用しています：

アクション：私のコンポーネントインサイド

export function add({name, time}) { 
    return dispatch => { 
    dispatch({type: ADD}); 
    return postJSON('/api/services', { 
     name, 
     time, 
    }) 
    .then(service => { 
     dispatch({ 
     type: ADD_SUCCESS, 
     service: service, 
     }); 
    }) 
    .catch(error => { 
     dispatch({ 
     type: ADD_FAILURE, 
     error, 
     }); 
    }); 
    }; 
} 

：

を

addService() { 
    const { dispatch } = this.props; 
     return (fields) => { 
     dispatch(add(fields)); 
     dispatch(toggleAddForm()); 
     }; 
    }