HTML til JSX-konverter
Hvad er HTML til JSX-konvertering?
JSX er den HTML-lignende syntaks, der bruges i React-komponenter. Selvom det ligner HTML, er der vigtige forskelle: class bliver className, for bliver htmlFor, inline-stilarter bruger JavaScript-objekter i stedet for strenge, alle tags skal være selvlukkende, og hændelseshåndterere bruger camelCase. Dette værktøj håndterer alle disse transformationer automatisk, så du kan indsætte HTML direkte og få gyldig JSX klar til brug i dine React-komponenter.
Sådan bruger du HTML til JSX-konverteren
-
Indsæt HTML-markup i venstre panel (eller klik på 'Eksempel' for at indlæse et eksempel).
-
JSX-output vises øjeblikkeligt til højre.
-
Aktivér eventuelt 'Indpak i komponent' for at få en komplet funktionel komponent klar til indsætning.
-
Kopiér JSX ved hjælp af knappen 'Kopiér JSX'.
Keywords: HTML til JSX, HTML til JSX-konverter, konverter HTML til React, className-konverter, JSX online, React JSX-konverter, HTML JSX-transformation