HTML-i JSX-iks teisendaja
Mis on HTML-i JSX-iks teisendamine?
JSX on HTML-sarnane süntaks, mida kasutatakse React komponentides. Kuigi see näeb välja nagu HTML, on olulisi erinevusi: class muutub className-ks, for muutub htmlFor-ks, reasisesed stiilid kasutavad JavaScript objekte stringide asemel, kõik sildid peavad olema isesulguvad ning sündmuste käsitlejad kasutavad camelCase-i. See tööriist käsitleb kõiki neid teisendusi automaatselt, nii et saad HTML-i otse kleepida ja saada kehtivat JSX-i, mis on valmis kasutamiseks sinu React komponentides.
Kuidas kasutada HTML-i JSX-iks teisendajat
-
Kleebi HTML-märgistus vasakusse paneeli (või klõpsa 'Näide', et laadida näidis).
-
JSX väljund ilmub koheselt paremal.
-
Valikuliselt luba 'Mässi komponendi sisse', et saada täielik funktsionaalne komponent, mis on kleepimiseks valmis.
-
Kopeeri JSX nupuga 'Kopeeri JSX'.
Keywords: HTML JSX-iks, HTML JSX teisendaja, HTML React-iks teisendamine, className teisendaja, JSX veebis, React JSX teisendaja, HTML JSX transformatsioon