Tengo una configuración donde los eventos de clic y pulsación de tecla llaman a la misma devolución de llamada:
const onClick = (e: Event) => { callback(e); }; const onKeydown = (e: KeyboardEvent) => { callback(e); }; const callback = (e) => { if ('key' in e && e.key === 'Enter') console.log('yeet'); }Estoy simplificando, por supuesto, pero esta es la esencia de la configuración.
yarn tsc está ladrando que Property 'key' does not exist on type 'Event' .
¿Cuál es la forma correcta de manejar esta situación? ¡Cualquier sugerencia sera apreciada!
Ajá:
const onClick = (e: Event) => { callback(e); }; const onKeydown = (e: KeyboardEvent) => { callback(e); }; const callback = (e: Event | KeyboardEvent) => { if ('key' in e && e.key === 'Enter') console.log('yeet'); }