In My React Component I have Radio input
<input type="radio" onChange={changeData}>and
function changeData(e: any) {}How can I specify event type I don't want to use any.
-
can you provide screenshot of error?pramod singh– pramod singh2020-06-26 09:47:48 +00:00Commented Jun 26, 2020 at 9:47
-
I have added screenshotSipan– Sipan2020-06-26 10:06:33 +00:00Commented Jun 26, 2020 at 10:06
Add a comment
|
5 Answers
Check this out
changeData = (e: React.ChangeEvent<HTMLInputElement>)=> {
.....
}
1 Comment
Sipan
for radio inputs I get this error Type '(event: React.ChangeEvent<HTMLInputElement>) => void' is not assignable to type '(e: RadioChangeEvent) => void'. Types of parameters 'event' and 'e' are incompatible. Type 'RadioChangeEvent' is missing the following properties from type 'ChangeEvent<HTMLInputElement>': currentTarget, bubbles, cancelable, defaultPrevented, and 7 more.
changeData = (e: React.MouseEvent<HTMLInputElement>): void => { // code }
3 Comments
Sipan
for radio inputs I get this error Type '(event: React.MouseEvent<HTMLInputElement>) => void' is not assignable to type '(e: RadioChangeEvent) => void'. Types of parameters 'event' and 'e' are incompatible. Type 'RadioChangeEvent' is missing the following properties from type 'MouseEvent<HTMLInputElement>': currentTarget, bubbles, cancelable, defaultPrevented, and 7 more.
pramod singh
what about now? still same?
pramod singh
can you search for 'RadioChangeEvent' and replace it with some valid type?
One might want to write it this way:
const changeData: React.ChangeEventHandler | undefined =
(event: React.ChangeEvent<HTMLTextAreaElement>) => {}
and then
<input type="radio" onChange={changeData}>
Comments
Just do this:
changeData = (event: Event) => {
const { value } = event.target as unknown as { value: boolean, };
setState(value);
};
<input type='radio' onChange={changeData} />
And the squeegee lines will go away.
Comments
You can specify the event type as React.ChangeEvent:
const changeData = (e: React.ChangeEvent<HTMLInputElement>) => {
// your implementation here
};
<input type="radio" onChange={changeData} />
The React.ChangeEvent type is a generic type that represents a change event in a DOM element. The HTMLInputElement type represents an HTML element.
