TypeScript

ComponentProps & extending HTML props

Në shqip: ComponentProps dhe props e HTML

ShpjegimiSQ

React.ComponentProps<"button"> të jep të gjitha props-et e një <button> të zakonshëm. Kështu krijon komponentin tënd Butoni që pranon onClick, disabled etj. pa i shkruar një nga një.

EnglishEN

React.ComponentProps<"button"> gives you every prop of a normal <button>. That way you build your own Button component that accepts onClick, disabled, etc. without listing them one by one.

Si ta mendosh

Si të trashëgosh gjithë pajisjet e një makine dhe të shtosh vetëm ngjyrën.

Lexoje në anglisht

Like inheriting all a car's features and adding only the paint colour.

Shembull koditypescript

type ButoniProps = React.ComponentProps<"button"> & { varianti?: "kryesor" | "dytesor" };
function Butoni({ varianti = "kryesor", ...rest }: ButoniProps) {
  return <button className={varianti} {...rest} />;
}

Terma të lidhur