Как правильно использовать 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

Да. На странице gitub redux-thunk есть отличный пример того, как ее использовать.

Для ваших действий, если это действие асинхронного, я использую этот подход, чтобы направить действия асинхронных обещаний:

Действие:

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()); 
     }; 
    }