UtilidadesGrátis

HTML para JSX

Converta HTML puro para JSX do React: className, style camelCase, eventos e tags fechadas.

HTML

JSX

<div className="container" style={{
  color: "blue",
  fontSize: "16px"
}}>
  <img src="logo.png" alt="Logo" />
  <button onClick="handleClick()" disabled={true}>Clique aqui</button>
</div>

O que é esta ferramenta?

Converta HTML puro para JSX do React: className, style camelCase, eventos e tags fechadas.

Como funciona?

A conversão aplica várias transformações: class → className, style de string para objeto, eventos (onclick → onClick), tags autossuficientes fechadas.

Dicas de uso

Após a conversão, o código está pronto para usar em componentes React.
Verifique se atributos personalizados foram convertidos corretamente.

HTML para JSX

O que é esta ferramenta?

Como funciona?

Dicas de uso

Perguntas Frequentes