Necesito algo de ayuda. Soy principiante en TS y no sé cómo puedo usar mis accesorios de eventos en mi componente. Definí dos accesorios y necesito todos mis eventos como accesorios de descanso.
Recibí un error cuando uso mi componente con el evento onClick.
Error: la propiedad 'onClick' no existe en el tipo 'IntrinsicAttributes & ButtonProps'
Estaré agradecido por cualquier ayuda que pueda proporcionar.
Aquí está mi componente:
export type ButtonProps = { children: React.ReactNode; className: string; }; export const Button = ({ children, className, ...rest }: ButtonProps) => { return ( <button className={className} {...rest}> {children} </button> ); };
Puedes hacerlo así usando PropsWithChildren
:
import { PropsWithChildren } from "react"; export type ButtonProps = { className: string; }; export const Button = ({ children, className, ...rest }: PropsWithChildren<ButtonProps>) => { return ( <button className={className} {...rest}> {children} </button> ); };