Převodník HTML na JSX
Co je převod HTML na JSX?
JSX je syntaxe podobná HTML, která se používá v React komponentách. Přestože vypadá jako HTML, existují klíčové rozdíly: class se mění na className, for se mění na htmlFor, vložené styly používají JavaScript objekty místo řetězců, všechny tagy musí být samouzavírací a obsluhy událostí používají camelCase. Tento nástroj zpracovává všechny tyto transformace automaticky, takže můžete přímo vložit HTML a získat platný JSX připravený k použití ve vašich React komponentách.
Jak používat převodník HTML na JSX
-
Vložte HTML značkování do levého panelu (nebo klikněte na 'Příklad' pro načtení ukázky).
-
Výstup JSX se okamžitě zobrazí vpravo.
-
Volitelně aktivujte 'Zabalit do komponenty' a získejte úplnou funkční komponentu připravenou k vložení.
-
Zkopírujte JSX pomocí tlačítka 'Kopírovat JSX'.
Keywords: HTML na JSX, převodník HTML na JSX, převod HTML na React, převodník className, JSX online, React JSX převodník, transformace HTML JSX