Toolipedia Incorporar
PT
← Todas as ferramentas de texto

Conversor de HTML para JSX

Transforme HTML em JSX do React: class para className, objetos de estilo e tags autofechadas.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Conversor de HTML para JSX

Cole HTML e obtenha JSX válido para React. A ferramenta renomeia class para className e for para htmlFor, transforma strings de estilo inline em objetos de estilo, fecha tags vazias como br e img e converte atributos para camelCase. Poupa as edições tediosas ao mover um modelo estático para um componente.

Como usar: Conversor de HTML para JSX

  1. Cole seu trecho de HTML na caixa de entrada.
  2. Confira o JSX convertido com className, objetos de estilo e tags fechadas.
  3. Copie o JSX para o seu componente React.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Por que o React usa className em vez de class?

Class é uma palavra reservada do JavaScript, e o JSX é JavaScript, então o React usa o nome de propriedade do DOM className para o atributo class do HTML.

O que mais muda além de class?

Atributos como for viram htmlFor, estilos inline viram objetos e tags como img e input são autofechadas. Os nomes de eventos também usam camelCase.

Preciso envolver o resultado em um elemento pai?

O JSX deve retornar um único elemento raiz. Se o seu HTML tiver vários elementos de nível superior, envolva-os em uma div ou em um fragment.

Conversor de HTML para JSX é grátis?

Sim. Conversor de HTML para JSX no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Posso colocar Conversor de HTML para JSX no meu próprio site?

Sim. Use o botão «Incorporar no seu site» abaixo da ferramenta para copiar um trecho curto de código e colá-lo na sua página. É grátis, não precisa de conta e a ferramenta continua funcionando dentro da sua página.

Ferramentas relacionadas