在react中class和function組件調用dispatch的方式——2018年9月15

copy黨的疑問

function Checklist({ dispatch, list: dataSource, loading, total, page: current }) {

    function editHandler(id, values) {
        dispatch({
            type: 'checklist/patch',
            payload: { id, values },
        });
    }

如上代碼,用dispatch調用models的數據方法,拷貝到class寫的組件中,報dispatch不存在的錯誤。不知道該怎么解決

解決方案

dispatch({
    type: 'checklist/patch',
    payload: { id, values },
 });

修改為

this.props.dispatch({
    type: 'checklist/patch',
    payload: { id, values },
 });

就可以了

整理思路

對于dispatch這個東西來說,如果在function類型的組件中,要在參數中接收;如果在class類型的組件中直接用this.props.dispatch就可以使用。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容