Convertor HTML în JSX
Ce este conversia HTML în JSX?
JSX este sintaxa asemănătoare cu HTML utilizată în componentele React. Deși arată ca HTML, există diferențe cheie: class devine className, for devine htmlFor, stilurile inline folosesc obiecte JavaScript în loc de șiruri de caractere, toate etichetele trebuie să fie auto-închise, iar gestionarii de evenimente folosesc camelCase. Acest instrument gestionează automat toate aceste transformări, astfel încât puteți lipi HTML direct și obțineți JSX valid gata de utilizat în componentele dvs. React.
Cum să utilizați convertorul HTML în JSX
-
Lipiți marcajul HTML în panoul din stânga (sau faceți clic pe 'Exemplu' pentru a încărca un eșantion).
-
Ieșirea JSX apare instantaneu în dreapta.
-
Opțional, activați 'Încapsulează în componentă' pentru a obține o componentă funcțională completă gata de lipit.
-
Copiați JSX folosind butonul 'Copiază JSX'.
Keywords: HTML în JSX, convertor HTML în JSX, converti HTML în React, convertor className, JSX online, convertor React JSX, transformare HTML JSX