Entrar Ainda não tem acesso?
4
respostas

Erro no href no arquivo index do MenuItem

Referente ao curso React: desenvolva aplicações tipadas e escaláveis com Typescript, no capítulo Composição de componentes e atividade Montando o cabeçalho

por Diego Diaz Pimentel
| 42.9k xp | 49 posts

Olá, por alguma razão aparece um erro para o href dentro da tag Link. A mensagem aparece como "Type '{ children: ReactNode; href: string; }' is not assignable to type 'IntrinsicAttributes & { children: ReactNode; }'.
Property 'href' does not exist on type 'IntrinsicAttributes & { children: ReactNode; }'.ts(2322)".

Segue o arquivo index

import React from 'react';
import Link from '../../link';

interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
    href?: string;

}

const MenuItem = ({children, href = "#"}: MenuItemProps) => {
  return (
    <li>
        <Link href={href}>{children}</Link>
    </li>
  );
};

export default MenuItem

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
4 respostas
por Max Oliveira
| 42.8k xp | 76 posts
Engenheiro Front End

Olá Diego, tudo bem ?

Acredito que o LiHTMLAttributes seja especifico pra tag

  • imagino que o tipo correto seja React.HTMLAttributes

Mas no seu caso eu deixaria apenas href: string

por Diego Diaz Pimentel
| 42.9k xp | 49 posts

Olá Max. Alterei o atributo para React.HTMLAttributes, e também tentei alterar o "href?=string" para "href=string", no entanto o erro permanece. Haveria alguma outra recomendação?

por Max Oliveira
| 42.8k xp | 76 posts
Engenheiro Front End

Pode disponibilizar aqui o conteúdo do componente Link ?

por Diego Diaz Pimentel
| 42.9k xp | 49 posts

Claro, segue o arquivo index do Link.

import React from 'react'
import styles from "./link.module.css"

const Link = ({children, ...rest}: {children: React.ReactNode}) => {
  return (<a className={styles.link} {...rest}>{children}</a>
  )
};

export default Link