react中dispatch_在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

来源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。