¿Cómo puedo especificar el tipo de evento para los botones de opción con ReactJs y mecanografiado?
Intenté esto, pero no funciona para los botones de opción, aunque funciona para el tipo de entrada = "texto"
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => { .... }; <FormControlLabel value="radio1" control={<Radio />} label=" radio1" onChange={handleChange} /> <FormControlLabel value="radio2" control={<Radio />} label="radio2" onChange={handleChange} />Error
Type '(event: React.ChangeEvent<HTMLInputElement>) => void' is not assignable to type '(event: ChangeEvent<{}>, checked: boolean) => void'. Types of parameters 'event' and 'event' are incompatible. Type 'ChangeEvent<{}>' is not assignable to type 'ChangeEvent<HTMLInputElement>'. Type '{}' is missing the following properties from type 'HTMLInputElement': accept, align, alt, autocomplete, and 329 more.ts(2322)Gracias, De cualquier manera encontré la solución. <HTMLInputElement> no se puede asignar a los botones de opción, por lo que podemos hacer lo siguiente para omitir el error integrado,
(event: React.ChangeEvent<Record<string, unknown>>) { console.log(event.target.value); }El código anterior debe usarse si tenemos grupos de botones de opción.
De lo contrario, para un solo botón de radio, esto debe usarse
(event: React.ChangeEvent<unknown>, checked: boolean) { console.log(checked); }