如何在Redux中从诺言中调度动作？

Question

I need to dispatch an action from a promise in redux when it is resolved. I tried with the following code (commented out) with no success.

Could you please point me out in the right direction?

Error I get is:

ReferenceError: dispatch is not defined

 const getLocations = (query:string):ActionType => { const value = query.trim() if (!value.length) { return ({ type: null, payload: null }) } return ({ type: types.GET_LOCATIONS, payload: new Promise((resolve, reject) => { fetch(api.find(query)).then(response => { resolve(response.json()) // dispatch(myAction()) }) }) }) } 

Answer 1

You need middleware to catch the promise, try redux

https://www.npmjs.com/package/redux-promise

//index.js 
import { createStore, applyMiddleware } from 'redux';
import reduxPromise from 'reduxPromise';

const store = createStore(reducers,  applyMiddleware(reduxPromise)));

ReactDOM.render(
<Provider store={store}>
    <App />
</Provider>
, rootEl );

then in your action return the promise

return ({
   type: GET_LOCATIONS,
   payload: fetch(api.find(query))
})

you can google search the rest, I wrote this quickly. I do my then reaction to the response in my reducer