Question

Views

im using React onChange in input tag. and i faced problem about type definication.

look this code

  onChange?: (e: ChangeEvent<HTMLInputElement> | SeperationChangeEvent) => void;

and im using like this

const Foo = () => {
 const handleChange = (e : ChangeEvent<HTMLInputElement>) => {}
 return <Input onChange={handleChange}/>
}

below error pic how can i solve this problem?

enter image description here

almost 4 years ago · Santiago Trujillo

Answer question

Answer 1 · 2022-09-30T13:27:47.174Z

React exports its own ChangeEvent that is different than the built in one.

const Foo = () => {
  const handleChange = (e : React.ChangeEvent<HTMLInputElement>) => {}

  return <Input onChange={handleChange}/>
}