嘿，这个问题问得特别好，其实核心点在于React表单事件的自动传参机制，咱们一步步拆解清楚：

1. React onChange事件的本质 #

当你给表单元素（比如输入框、文本域）绑定onChange处理函数时，React会在事件触发时，自动把对应的ChangeEvent对象作为第一个参数传递给你绑定的函数。这个是React内置的行为，不需要你手动去传递事件对象。

2. 对比两种写法的差异 #

咱们看你提供的两段代码：

写法一：箭头函数包裹，手动传递ev.target.value #

<InputDialogContent 
  inputLabel="Email Address" 
  inputType="email" 
  onChange={(ev: React.ChangeEvent<HTMLTextAreaElement>) => onInputChange(ev.target.value) } 
/>

// 对应的处理函数
function onInputChange(input: any) {
  setEnableLoginButton(isValidEmail(input));
}

这里你用箭头函数做了一层“中转”：React触发onChange时先把事件对象ev传给箭头函数，然后你手动提取ev.target.value，再把这个字符串值传给onInputChange。所以此时onInputChange接收的是输入框的文本值。

写法二：直接绑定处理函数，React自动传事件对象 #

<InputDialogContent 
  inputLabel="Email Address" 
  inputType="email" 
  onChange={onInputChange} 
/>

// 对应的处理函数
function onInputChange(e: React.ChangeEvent<HTMLTextAreaElement>) {
  setEnableLoginButton(isValidEmail(e.target.value));
}

这里你直接把onInputChange的函数引用传给了onChange，React会自动把ChangeEvent对象作为第一个参数传给onInputChange——也就是函数里的e。你只需要在函数内部自己提取e.target.value就可以了，和写法一的逻辑完全等价，只是把“提取value”的步骤从箭头函数里移到了处理函数内部。

3. TypeScript类型的匹配性 #

你用的是TypeScript，第二种写法里onInputChange的参数类型React.ChangeEvent<HTMLTextAreaElement>完全符合ReactonChange事件传递的参数类型，所以TypeScript不会报错，代码能正常运行。而第一种写法里的input: any其实可以改成input: string，类型会更严谨。

额外小提示：两种写法的性能差异 #

顺带提一句，写法二（直接传函数引用）在性能上略优——因为箭头函数每次组件渲染时都会创建一个新的函数实例，而直接传引用的方式会复用同一个函数。不过在大多数普通场景下，这点差异几乎可以忽略不计，主要还是看代码的可读性和维护性来选择写法。

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