1
resposta

CamelCase nos Components

Percebi que mesmo meu código do Component estando parecido ao do professor ele não era renderizado, o console do navegador me retornou um erro relacionado a uma regra do React em que ele só reconhece corretamente nossos Components caso seja usado CamelCase (PascalCase) no nome desses Components ou seja: meu código não era renderizado porque o nome da classe que eu criei estava em minusculo a letra inicial deveria ser Maiúcsula.

1 resposta

Fala, Luis! Tudo certo?

Realmente, componentes precisam começar com a letra maiúscula porque o JSX entende que toda tag com letra minúscula é um elemento HTML, então se você fizer <app>, o JSX vai entender que app é um elemento HTML.

Já tags que começam com a letra maiúscula são reservadas para componentes do React, e assim <App> é reconhecido como um componente.

Obrigado por trazer essa observação e bons estudos!