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.
Ofte stilte spørsmål
Er det trygt å dekode følsomme data her? Ja. All dekoding skjer i nettleseren din ved hjelp av JavaScript. Ingen data sendes til noen server, så dine kodede strenger forblir helt private.
Hva er forskjellen mellom Base64 og URL-safe Base64? Standard Base64 bruker + og / tegn, som er spesialtegn i URL-er. URL-safe Base64 erstatter dem med - og _ slik at strengen kan brukes trygt i URL-er og filnavn uten prosentenkoding.
Hvorfor ser utdataene mine ut som vrøvl? Hvis originaldata var binær (som et bilde, PDF eller komprimert fil), vil dekodert utdata ikke være lesbar tekst. I så fall representerer Base64-strengen en binær fil, ikke en tekststeng.
Er Base64 en form for kryptering? Nei. Base64 er et kodingsystem, ikke kryptering. Hvem som helst kan dekode en Base64-streng uten en nøkkel. Det bør aldri brukes til å beskytte følsomme data — bruk ordentlig kryptering for det.
Keywords: HTML til JSX, HTML JSX-konverterer, konverter HTML til React, className-konverterer, JSX på nett, React JSX-konverterer, HTML JSX-transformasjon