@nskaskyou

Как типизируtтся тег в React на typescropt?

Доброго времени суток.

Тип HTMLLinkElement содержит href: string но при диструктуризации пропсов пишет:
Свойство "href" не существует в типе "ILinkProps & { children?: ReactNode; }".ts(2339)

Подскажите, где что не так?
Спасибо

interface ILinkProps
  extends DetailedHTMLProps<HTMLAttributes<HTMLLinkElement>, HTMLLinkElement> {
  cursorPointer?: boolean;
}

export const Link: React.FC<ILinkProps> = (props): JSX.Element => {
  const { innerElement, cursorPointer = false, children, href } = props;
  return <a>{children}</a>
  );
};


Вот код интерфейса до href из lib.dom.d.ts
interface HTMLLinkElement extends HTMLElement, LinkStyle {
    as: string;
    /**
     * Sets or retrieves the character set used to encode the object.
     */
    /** @deprecated */
    charset: string;
    crossOrigin: string | null;
    disabled: boolean;
    /**
     * Sets or retrieves a destination URL or an anchor point.
     */
    href: string;
  • Вопрос задан
  • 195 просмотров
Пригласить эксперта
Ответы на вопрос 1
Azurre
@Azurre
Web Developer
Я обычно делаю так:
interface ILinkProps extends React.HTMLProps<HTMLLinkElement> {
  cursorPointer?: boolean;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы