Neste artigo você vai aprender a como comentar bloco de código em JSX, ou seja, comentar código em React, de uma maneira simples e eficaz
Fala programador(a), beleza? Bora aprender mais sobre React e como comentar o código de JSX!
JSX é a forma que o React propõe para escrevermos HTML com a possibilidade de inserção de variáveis
Como você pode perceber a forma de comentar código é diferente de HTML e também de JavaScript
Há algumas formas de comentar código em React, a forma mais simples de componentes JSX é por esta sintaxe:
{/* Comentário do seu código */}Primeiramente inserimos um bloco com abertura e fechamento de chaves e entre este bloco vamos inserir os símbolos /* e */
E entre esta sintaxe podemos inserir a nossa mensagem de comentário
Porém como dito anteriormente temos outras formas de comentar em React ou JSX
Comentários fora de componentes podem ser feitos da seguinte maneira:
// Insira um comentário
Já comentários dentro das tags de um componente podem ser feitos assim:
<Componente /* Insira seu comentário */ />
Esta última variação para tags aceita o comentário de múltiplas linhas também
Agora você já possui as variações necessárias para comentar em qualquer lugar do seu código em React!
A diferença de props e state
Você sabe quais são as diferenças entre props e state? Aproveite para aprender também neste artigo, com certeza vai mudar sua visão sobre React!
Conclusão
Neste artigo vimos como comentar bloco de código em JSX, ou seja, como fazer um comentário em React
Vimos diversas formas, mas a mais utilizada é entre componentes
Que é dada pela sintaxe {/* comentário */}
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube