在react中class和function组件调用dispatch的方式

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就可以使用。

作者：XUDOD
链接：https://www.jianshu.com/p/921b435b5842
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。