Код IT
← Каталог

TypeScript и React — `ComponentProps` — переиспользование props

Фрагмент из «TypeScript и React»: `ComponentProps` — переиспользование props.

typescript typescriptencyclopedia21 embed URL статья в энциклопедии
Plain text main.tsx 
type IconButtonProps = {
  label: string;
} & React.ComponentProps<"button">;

function IconButton({ label, ...rest }: IconButtonProps) {
  return (
    <button type="button" aria-label={label} {...rest}>
      ★
    </button>
  );
}

type NativeInputProps = React.ComponentProps<"input">;
type SearchInputProps = Pick<NativeInputProps, "placeholder" | "disabled">;
type IconButtonProps = {
  label: string;
} & React.ComponentProps<"button">;

function IconButton({ label, ...rest }: IconButtonProps) {
  return (
    <button type="button" aria-label={label} {...rest}>
      ★
    </button>
  );
}

type NativeInputProps = React.ComponentProps<"input">;
type SearchInputProps = Pick<NativeInputProps, "placeholder" | "disabled">;