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'.
Keywords: HTML till JSX, HTML JSX-omvandlare, konvertera HTML till React, className-omvandlare, JSX online, React JSX-omvandlare, HTML JSX-transformation