HTML para JSX
Converta markup HTML para sintaxe JSX para componentes React. Processa atributos, estilos, comentários e elementos void.
Cole o seu HTML acima
A saída JSX é atualizada automaticamente enquanto digita
Ctrl+Enter executarCtrl+Shift+C copiar
Saiba mais
HTML para JSX: O guia completo de conversão para React
Saiba por que HTML precisa de conversão para React, o que é transformado e as armadilhas comuns.
Por que HTML precisa de conversão para React
JSX parece HTML mas segue regras de sintaxe JavaScript. React usa JSX para descrever a estrutura da interface, e embora se pareça com HTML, vários atributos e padrões diferem. Colar HTML bruto em um componente React geralmente resulta em erros de compilação ou comportamento inesperado.
5 min de leituraLer o guia completo