Converter HTML em JSX do React online
Converta HTML em JSX do React (class → className, atributos camelCase, objeto style, comentários).
🔒 100 % no cliente — nenhum dado enviado
Transforme HTML em JSX válido para React: class vira className, os atributos ficam em camelCase, os estilos inline viram objetos e os comentários são convertidos. Conversão local, no navegador.
What is it for?
- ▸ Colar um template HTML em um componente React
- ▸ Migrar uma página estática para JSX
- ▸ Corrigir atributos incompatíveis (class, for…)
- ▸ Converter um estilo inline em um objeto React
FAQ
Quais atributos são renomeados?
class → className, for → htmlFor, tabindex → tabIndex, e muitos outros atributos passam para camelCase.
Os manipuladores onclick são convertidos?
Não automaticamente: o React espera onClick com uma função. A ferramenta avisa para você adaptá-los manualmente.
Os estilos inline são tratados?
Sim: a string style="..." é transformada em um objeto JavaScript com propriedades em camelCase.
O HTML é enviado para algum lugar?
Não, a análise e a conversão acontecem no seu navegador; nada é transmitido.
Related tools
JSON · formatar / validar Formate, indente, minifique e valide JSON. 100% no lado do cliente. JSON · minificar Minifique JSON (remova espaços em branco e quebras de linha) para reduzir seu tamanho. JSON → TypeScript Gere uma interface TypeScript a partir de um objeto JSON, incluindo tipos aninhados. JSON · validador Verifique se seu JSON é válido e localize o primeiro erro com precisão. Markdown → HTML Converta Markdown para HTML com pré-visualização ao vivo, no seu navegador.