-
StackOverflow 文件
-
redux 教程
-
非同步資料流
-
使用帶有 Promises 的 redux-thunk
import 'whatwg-fetch';
function checkStatus(response) {
if (response.status >= 200 && response.status < 300) {
return response;
}
const error = new Error(response.statusText);
error.response = response;
throw error;
}
function parseJSON(response) {
return response.json();
}
function getJSON(endpoint, params) {
return fetch(endpoint, params)
.then(checkStatus)
.then(parseJSON);
}
export function action() {
return dispatch => getJSON('/example-endpoint')
.then((result) => {
dispatch({
type: GET_SUCCESS,
result,
});
})
.catch((error) => {
dispatch({ type: GET_FAILURE, error });
});
}