HTML till JSX-omvandlare
Vad är HTML till JSX-konvertering?
JSX är den HTML-liknande syntaxen som används i React-komponenter. Även om det ser ut som HTML finns det viktiga skillnader: class blir className, for blir htmlFor, inline-stilar använder JavaScript-objekt istället för strängar, alla taggar måste vara självstängande och händelsehanterare använder camelCase. Det här verktyget hanterar alla dessa transformationer automatiskt så att du kan klistra in HTML direkt och få giltig JSX klar att använda i dina React-komponenter.
Hur man använder HTML till JSX-omvandlaren
-
Klistra in HTML-markup i den vänstra panelen (eller klicka på 'Exempel' för att ladda ett prov).
-
JSX-utdata visas omedelbart till höger.
-
Aktivera valfritt 'Omslut i komponent' för att få en komplett funktionell komponent redo att klistra in.
-
Kopiera JSX med knappen 'Kopiera JSX'.
Ofta ställda frågor
Är det säkert att avkoda känslig data här? Ja. All avkodning sker i din webbläsare med hjälp av JavaScript. Ingen data skickas till någon server, så dina kodade strängar förblir helt privata.
Vad är skillnaden mellan Base64 och URL-säker Base64? Standard Base64 använder + och / tecken, vilka är specialtecken i URL:er. URL-säker Base64 ersätter dem med - och _ så att strängen kan användas säkert i URL:er och filnamn utan procent-kodning.
Varför ser min avkodade utdata ut som nonsens? Om originaldata var binär (såsom en bild, PDF eller komprimerad fil), kommer den avkodade utdata inte att vara läsbar text. I så fall representerar Base64-strängen en binär fil, inte en textsträng.
Är Base64 en form av kryptering? Nej. Base64 är ett kodningsschema, inte kryptering. Vem som helst kan avkoda en Base64-sträng utan en nyckel. Det bör aldrig användas för att skydda känslig data - använd korrekt kryptering för det.
Keywords: HTML till JSX, HTML JSX-omvandlare, konvertera HTML till React, className-omvandlare, JSX online, React JSX-omvandlare, HTML JSX-transformation