Redux 架構下實作 Async Actions

最近專案開發上使用了 reactjs ,並採用redux架構。而依照 javascript 的特性,你沒辦法假設他會將指令執行完才繼續下一道指令,所以要怎麼做到多個 Action 異步處理呢? 舉個例子,當你 update 一份資料以後,希望他能隨後就 fetch 回來,以確保 state 裡面都是最新的資料,直觀的來寫會是這樣,但眼尖的你一定會發現不太對勁。 export const fetchData = createAction('FETCH_DATA', APIUtil.fetchData); export const updateData = createAction('UPDATE_DATA', APIUtil.updateData); this.props.updateData(data); this.props.fetchData(); // not latest result 它不會等 updateData…