使用mapDispatchToProps时fetchEvents中id未定义的问题

你遇到的核心问题是在mapDispatchToProps里没有正确把组件传入的参数传递给action creator，我来帮你一步步梳理修正方案：

问题根源 #

你在mapDispatchToProps里定义fetchEvents时，参数是setSubCategory，但调用dispatch(fetchEvents(id))时用了一个未定义的id变量——这个id既不是函数参数，也没有在当前作用域中定义，自然会触发"id未定义"的错误。

修正步骤 #

1. 修复mapDispatchToProps的函数定义 #

把传入的参数正确传递给action creator，调整后的代码如下：

const mapDispatchToProps = (dispatch) => {
  return {
    resetForm: () => dispatch(resetForm()),
    // 将函数接收的参数直接传给action creator
    fetchEvents: (id) => dispatch(fetchEvents(id))
  };
};

这里把函数参数命名为id（你也可以保留setSubCategory，只要前后参数名一致即可），确保组件传入的值能传递到action creator中。

2. 在组件中正确传递button.value作为参数 #

当你在组件里调用fetchEvents时，把button.value作为参数传进去，比如按钮的点击事件：

// 假设已解构props中的fetchEvents
<button onClick={() => fetchEvents(button.value)}>获取事件</button>

3. 确保action creator支持接收id参数 #

还要确认你的fetchEvents action creator本身是接受参数的，示例如下：

// action creator示例
export const fetchEvents = (id) => {
  return {
    type: 'FETCH_EVENTS',
    payload: id // 这里会把传入的id携带到action中
  };
};

额外提示 #

如果你之前对props做了解构（比如const { fetchEvents } = props;），直接调用fetchEvents(button.value)即可，无需再写props.前缀，代码会更简洁。

内容的提问来源于stack exchange，提问作者Bomber