Conversor de HTML para JSX
Conversor online gratuito de HTML para JSX, sem necessidade de instalação. Converte código HTML para formato JSX do React.
Sobre o HTML to JSX
Reescreve HTML padrão em marcação compatível com JSX para o React. Ele fecha elementos vazios, renomeia atributos reservados para seus equivalentes no React, converte strings de style inline na sintaxe de objeto style com nomes de propriedades em camelCase e normaliza atributos booleanos para suas formas no React.
Como usar
1. Cole HTML na caixa de entrada. 2. Clique em Converter para produzir JSX na caixa de saída. 3. Use Copiar para copiar o resultado para um componente React.
Reescritas de atributos e estilos
Tags auto-fechantes (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) são fechadas com />. class= passa a ser className=; for= passa a ser htmlFor=. Strings style="..." tornam-se style={{...}} com as propriedades em kebab-case convertidas para camelCase (font-family -> fontFamily) e float -> cssFloat. Atributos booleanos como checked, disabled, readonly, required, autoplay, autofocus são normalizados (readOnly, autoPlay, autoFocus).
▶Elementos vazios são fechados automaticamente?
▶Como os estilos inline são tratados?
▶Ele converte class em className?
▶Ele valida o HTML?
Se este ferramenta foi útil para você, pense em me dar um café.
Compre um café para mim.