Conversor de HTML para JSX

Envolver em componente

Nome do componente

HTML

JSX

O que é a conversão de HTML para JSX?

JSX é a sintaxe semelhante ao HTML usada nos componentes React. Embora pareça HTML, há diferenças importantes: class torna-se className, for torna-se htmlFor, os estilos inline usam objetos JavaScript em vez de strings, todas as tags devem ser auto-fechadas, e os manipuladores de eventos usam camelCase. Esta ferramenta lida com todas essas transformações automaticamente para que você possa colar HTML diretamente e obter JSX válido pronto para usar nos seus componentes React.

Como usar o conversor de HTML para JSX

Cole o markup HTML no painel esquerdo (ou clique em 'Exemplo' para carregar uma amostra).
A saída JSX aparece instantaneamente à direita.
Opcionalmente, ative 'Envolver em componente' para obter um componente funcional completo pronto para colar.
Copie o JSX usando o botão 'Copiar JSX'.

Keywords: HTML para JSX, conversor HTML para JSX, converter HTML para React, conversor className, JSX online, conversor React JSX, transformação HTML JSX