Блог

Я только что установил Typescript и пытаюсь развернуть его в существующем проекте. Я пытаюсь динамически назначить атрибут «имя» компоненту div (Заголовок.Стрелка), созданный со стилизованными компонентами, к сожалению, это невозможно из-за возникающих ошибок:

Тип ‘{ роль: «кнопка»; имя: строка; «метка арии»: строка; }’ не может быть присвоен типу ‘Встроенные атрибуты……

Свойство «имя» не существует для типа «Встроенные атрибуты» …….

  import { Container, Arrow, Frame, Logo } from './styles/header';  const Header = ({ children, ...restProps }: {children: React.ReactNode}): JSX.Element =gt; {  return lt;Container {...restProps}gt;{children}lt;/Containergt;; };  Header.Arrow = function HeaderArrow({ action, ...restProps }: {action: string}) : JSX.Element {  return (  lt;Arrow  role="button"  name={action === 'previous' ? 'previous' : 'next'}  aria-label={action === 'previous' ? 'previous' : 'next'}  {...restProps}  /gt;  ); };   

В чем может быть причина? атрибуты «aria-метка» и «роль» не вызывают ошибок