HTML til JSX-konverterer
Hva er HTML til JSX-konvertering?
JSX er den HTML-lignende syntaksen som brukes i React-komponenter. Selv om det ser ut som HTML, er det viktige forskjeller: class blir className, for blir htmlFor, innebygde stiler bruker JavaScript-objekter i stedet for strenger, alle tagger må være selvlukkende, og hendelsesbehandlere bruker camelCase. Dette verktøyet håndterer alle disse transformasjonene automatisk slik at du kan lime inn HTML direkte og få gyldig JSX klar til bruk i React-komponentene dine.
Slik bruker du HTML til JSX-konverteren
-
Lim inn HTML-markup i venstre panel (eller klikk 'Eksempel' for å laste inn et eksempel).
-
JSX-utdata vises umiddelbart til høyre.
-
Aktiver eventuelt 'Pakk inn i komponent' for å få en komplett funksjonell komponent klar til å limes inn.
-
Kopier JSX ved hjelp av 'Kopier JSX'-knappen.
Keywords: HTML til JSX, HTML JSX-konverterer, konverter HTML til React, className-konverterer, JSX på nett, React JSX-konverterer, HTML JSX-transformasjon