类型 'void' 不可分配给类型 '((event: ChangeEvent<htmlinputelement> ) =&gt; void) 反应 TypeScript</htmlinputelement>

Question

Im a beginner in React Typescript, and I have defined some props is a .JS file that I want to use in a .tsx file. but I receive this error on one of my TypeScript lines:

 <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'.

The CodeSandbox contains both my JS file and TSX file: https://codesandbox.io/s/tsx-rj694

what seems to be the problem and how can I write this correctly?

Answer 1

onChange={(e: React.ChangeEvent<HTMLInputElement>): void => handleChange(e.target.value)}

Answer 2

I assume you are not passing the event object into the handleChange method.

This is how you should amend your onChange event handler:

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