javascript - 类型 'void' 不可分配给类型“((事件 : ChangeEvent) => void) React TypeScript

Question

我是 React Typescript 的初学者，我已经定义了一些 Prop 是 .JS 我想在 中使用的文件.tsx 文件。但我在我的 TypeScript 行之一上收到此错误:

 <MyTextField style={{width:'60%'}}  name='ActivationDate' type='date' defaultValue={values1.ActivationDate} onChange={handleChange('ActivationDate')}/>

Type 'void' is not assignable to type '((event: ChangeEvent<HTMLInputElement>) => void) | ((event: ChangeEvent<HTMLSelectElement>) => void) | ((event: ChangeEvent<HTMLTextAreaElement>) => void) | undefined'.

CodeSandbox 包含我的 JS 文件和 TSX 文件:
https://codesandbox.io/s/tsx-rj694

似乎是什么问题，我怎样才能正确地写这个？

Answer 1

我假设您没有将事件对象传递到 handleChange方法。
这就是你应该如何修改你的onChange事件处理程序:

onChange={() => handleChange('ActivationDate')}

供您引用，如果您需要访问 onChange 中的事件对象调用，您将需要明确指定正确的类型。

onChange={handleChange}

当你定义函数时，

const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
  // do the rest here
}