React-Redux：事件处理函数向action creator传参异常问题

首先，咱们来拆解你遇到的核心问题：明明在调用update action creator时传递了事件对象和索引i，但函数内部这两个参数却变成了undefined，反而出现了一个未声明的全局event变量，同时你对arguments的结构也有疑问。下面一步步分析原因并给出解决方案：

1. 意外出现的event变量是全局对象 #

你在action creator里写了let test = event;，这里的event并没有通过参数传入，却能正常访问——这是因为浏览器的全局作用域（window对象）上存在一个非标准的event属性，它会在事件触发时指向当前事件。这种写法是依赖浏览器兼容性的“遗留特性”，严格模式下会报错，在SSR等非浏览器环境也会失效，一定要改成使用你传入的参数e：

export const actionCreators = { 
  update: (e: React.FocusEvent<HTMLInputElement> | undefined, i: number): AppThunkAction<KnownAction> => 
    (dispatch, getState) => { 
      let test = e; // 替换成传入的参数e
      // 后续逻辑与API调用
    } 
}

2. 参数e和i丢失的核心原因：mapDispatchToProps绑定错误 #

这是最可能的问题根源。你的update是一个返回thunk函数的action creator，需要确保在mapDispatchToProps里正确包装，让它能接收你传递的参数。

如果你的mapDispatchToProps写法错误，比如直接写成：

const mapDispatchToProps = (dispatch) => {
  return {
    update: dispatch(actionCreators.update) // ❌ 错误：立即执行了update，没有传递参数
  }
}

这种写法会直接执行actionCreators.update()（参数为undefined），返回的thunk函数被dispatch，此时this.props.update指向的是这个thunk函数，而非接收e和i的外层函数。当你调用this.props.update(event, i)时，event和i会被当成thunk函数的参数（即dispatch和getState），外层函数的e和i自然是undefined。

正确的绑定方式有两种： #

方式一：使用bindActionCreators

这是Redux官方推荐的方式，能自动帮你绑定所有action creator：

import { bindActionCreators } from 'redux';

const mapDispatchToProps = (dispatch) => {
  return bindActionCreators(actionCreators, dispatch);
};

方式二：手动用箭头函数包装

如果只需要绑定单个action creator，可以手动包装：

const mapDispatchToProps = (dispatch) => {
  return {
    update: (e, i) => dispatch(actionCreators.update(e, i)), // ✅ 正确传递参数
    // 其他action creator...
  };
};

你提到其他类似结构的requestProjects能正常工作，建议对比它的mapDispatchToProps写法，应该是用了上述正确的绑定方式。

3. 关于arguments的疑问 #

你在thunk函数（即内层的(dispatch, getState) => {}）里看到的arguments，是这个函数自身的参数：dispatch、getState，以及可选的extraArgument（默认是undefined）。而你定义的e和i是外层函数的参数，属于闭包变量，可以直接在thunk函数里访问，不需要从arguments中获取。比如：

export const actionCreators = { 
  update: (e: React.FocusEvent<HTMLInputElement> | undefined, i: number): AppThunkAction<KnownAction> => 
    (dispatch, getState) => { 
      console.log('事件对象:', e);
      console.log('索引:', i); // 直接访问闭包变量i
      // 后续逻辑
    } 
}

最后验证步骤 #

1. 修正action creator里的event为e；
2. 检查并修正mapDispatchToProps的绑定方式；
3. 重新调试，确认e和i能正常传递到action creator的外层函数中。

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