Introduction
const asyncAction = () => ({
type: 'PROMISE',
payload: new Promise(...),
})
Given a single action with an async payload, the middleware transforms the action to a separate pending action and a separate fulfilled/rejected action, representing the states of the async action.
const secondAction = (data) => ({
type: 'SECOND',
payload: {...},
})
const firstAction = () => {
return (dispatch) => {
const response = dispatch({
type: 'FIRST',
payload: new Promise(...),
})
response.then((data) => {
dispatch(secondAction(data))
})
}
}
For older versions:
Please reach out to us if you have any questions or comments.
Patrick Burtchaell (pburtchaell):
Thomas Hudspith-Tatham (tomatau):
Last modified 2yr ago