Prevodník HTML na JSX
Čo je konverzia HTML na JSX?
JSX je syntaxe podobná HTML, ktorá sa používa v React komponentoch. Aj keď vyzerá ako HTML, existujú kľúčové rozdiely: class sa mení na className, for sa mení na htmlFor, vložené štýly používajú JavaScript objekty namiesto reťazcov, všetky tagy musia byť samouzatváracie a obslužné rutiny udalostí používajú camelCase. Tento nástroj spracováva všetky tieto transformácie automaticky, takže môžete priamo vložiť HTML a získať platný JSX pripravený na použitie vo vašich React komponentoch.
Ako používať prevodník HTML na JSX
-
Vložte HTML markup do ľavého panela (alebo kliknite na 'Príklad' na načítanie ukážky).
-
Výstup JSX sa zobrazí okamžite vpravo.
-
Voliteľne aktivujte 'Zabaliť do komponentu' a získajte úplný funkčný komponent pripravený na vloženie.
-
Skopírujte JSX pomocou tlačidla 'Kopírovať JSX'.
Keywords: HTML na JSX, prevodník HTML na JSX, konverzia HTML na React, prevodník className, JSX online, React JSX prevodník, transformácia HTML JSX