JavaScript React

Como comentar bloco de código em JSX – React

17 de agosto de 2020

Como comentar bloco de código em JSX – React

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

comentar bloco de código jsx react capa

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

 

 

 

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x