Quiero agregar condicionalmente una función onClick a mi componente TypeScript React así
<div onClick={(!disabled && onClick) ?? undefined}>{children}</div>Pero me sale este error:
Type 'false | (() => void) | undefined' is not assignable to type 'MouseEventHandler<HTMLDivElement> | undefined'. Type 'boolean' is not assignable to type 'MouseEventHandler<HTMLDivElement>'.
Mi variable prop onClick es del tipo onClick?: () => void; en mi interfaz de accesorios.
Qué tengo que hacer ?
¡Gracias por adelantado!
A medida que se escribe onClick , una manera fácil de evitar esos errores tipográficos es hacer lo siguiente. Tenga en cuenta que no estoy pasando onClick directamente, ya que type () => void no se podría asignar al controlador de clics.
{!disabled && onClick ? ( <div onClick={(e) => onClick()}>{children}</div> ) : ( <div>{children}</div> )}