Toolora

HTML para JSX

Converta trechos HTML em JSX React com atributos camelCase.

O conversor HTML para JSX transforma trechos HTML comuns em JSX React. Ele renomeia class e for, converte atributos com hífen para camelCase, mantém atributos data e aria e converte strings de estilo em objetos de estilo JSX.

Como usar

  1. Cole um trecho HTML no campo de entrada.
  2. Revise a saída JSX gerada.
  3. Copie o JSX para o seu componente React.

Perguntas frequentes

Ele suporta tags autofechadas?

Sim, tags vazias como img, input e br são convertidas em tags JSX autofechadas.

Como os atributos de estilo são tratados?

Declarações de estilo simples são convertidas em objetos de estilo JSX com chaves camelCase.

Ferramentas relacionadas

Formatador JSON

Formate, valide e minifique JSON em um só lugar.

Formatador XML

Formate e indente documentos XML.

Formatador YAML

Formate YAML e converta entre YAML e JSON nos dois sentidos.

CSV para JSON

Converta tabelas CSV em dados JSON.

JWT

Codifique, decodifique e verifique JSON Web Tokens localmente.

Gerador de hashes

Gere hashes SHA-1, SHA-256, SHA-384 e SHA-512.