解決redux中state更新是非同步的問題

在開發的過程中突然發現了乙個非常詭異的問題,偽**如下:

this.props.dispatch(updatedata(value)) // 1
console.log(this.props.data)//2 狀態沒有更新
settimeout(() => //3 狀態發生了更新)

於是猜想redux執行action應該是同步的,但是reducer中將新狀態返回更新store資料倉儲的過程應該是非同步的.所以當上面1處修改store中的資料,2中獲取時卻不是更新的資料,因為此時store倉庫的資料還未更新.

通過搜尋相關網頁得到一些啟示:元件通過react-redux封裝後相當於包了一層高階元件。而這乙個高階元件在redux裡的state更新時會呼叫setstate,所以它的store的資料倉儲更新才會是非同步的過程.

解決方法:

action中:

export const updatedata = (value) => dispatch => );
return promise.resolve();//通過返回promise解決狀態非同步更新的問題
};

元件中使用:

this.props.actions.updatedata(value).then(()=>)