thunk的意思是中間函數，在redux中，有個東西叫做action，如果配置了redux-thunk，那么在action中寫代碼的時候，就可以寫成下面這種形式：

在這個例子中，saveData就是一個thunk，getData的作用是接收服務端返回的數據，然后通過thunk函數去調用對應的reducers保存到store上。dispatch就是負責調用thunk函數

thunk的意思是中間函數，在redux中，有個東西叫做action，如果配置了redux-thunk，那么在action中寫代碼的時候，就可以寫成下面這種形式：
function saveData(data) {
return {
type: 'SVAE_DATA',
date: data
}
}

exports function getData(){
return async (dispatch) => {
const data = await get(`/api`)
if (result) {
await dispatch(saveData(data))
}
}
}
在這個例子中，saveData就是一個thunk，getData的作用是接收服務端返回的數據，然后通過thunk函數去調用對應的reducers保存到store上。dispatch就是負責調用thunk函數

執行階段
dispatch(action) 等于 composedABC(action) 等于執行 function A(action) {...}
在函數 A 中執行 next(action), 此時 A 中 next 為 composedBC，那么等于執行 composedBC(action) 等于執行function B(action){...}
在函數 B 中執行 next(action), 此時 B 中 next 為 composedC，那么等于執行 composedC(action) 等于執行function C(action){...}
在函數 C 中執行 next(action), 此時 C 中 next 為 store.dispatch 即 store 原生的 dispatch, 等于執行store.dispatch(action)
store.dispatch 會執行 reducer 生成最新的 store 數據
所有的 next 執行完過后開始回溯
執行函數 C 中 next 后的代碼
執行函數 B 中 next 后的代碼
執行函數 A 中 next 后的代碼

整個執行 action 的過程為 A -> B -> C -> dispatch -> C -> B -> A

thunk的意思是中間函數，在redux中，有個東西叫做action，如果配置了redux-thunk，那么在action中寫代碼的時候，就可以寫成下面這種形式：
function saveData(data) {
return {
type: 'SVAE_DATA',
date: data
}
}

exports function getData(){
return async (dispatch) => {
const data = await get(`/api`)
if (result) {
await dispatch(saveData(data))
}
}
}
在這個例子中，saveData就是一個thunk，getData的作用是接收服務端返回的數據，然后通過thunk函數去調用對應的reducers保存到store上。dispatch就是負責調用thunk函數