Estou praticando meus conhecimentos com React, porém quando uso o {props.nome}, aparece um erro. Eu queria tirar a dúvida do porque isso acontece.
Iniciei o projeto React com Vite instalando via npm create vite@latest.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Estou praticando meus conhecimentos com React, porém quando uso o {props.nome}, aparece um erro. Eu queria tirar a dúvida do porque isso acontece.
Iniciei o projeto React com Vite instalando via npm create vite@latest.
Fala Lucas, tudo bem? Esse erro é referente ao lint, nesse caso tu precisa especificar quais propriedades teu componente irá receber e para cada propriedade tu precise definir seu tipo e sua obrigatoriedade ou não.
Como você está usando JS puro, tu pode utilizar o pacote prop-types para isso: https://www.npmjs.com/package/prop-types
import PropTypes from 'prop-types'
Card.propTypes = {
id: PropTypes.number.isRequired
}
Se você estivesse utilizando TS ai daria para fazer de forma nativa com type:
type Props = {
id: number
}
const Card: React.FC<Props>
Faz sentido kkkkkkk. Obrigado pela explicação Matheus.