Convertidor d'HTML a JSX
Què és la conversió d'HTML a JSX?
JSX és la sintaxi semblant a HTML que s'utilitza en els components React. Tot i que sembla HTML, hi ha diferències clau: class es converteix en className, for es converteix en htmlFor, els estils en línia utilitzen objectes JavaScript en lloc de cadenes de text, totes les etiquetes s'han d'autotancar, i els gestors d'esdeveniments utilitzen camelCase. Aquesta eina gestiona totes aquestes transformacions automàticament perquè pugueu enganxar HTML directament i obtenir JSX vàlid llest per usar als vostres components React.
Com utilitzar el convertidor d'HTML a JSX
-
Enganxeu el marcatge HTML al panell esquerre (o feu clic a 'Exemple' per carregar una mostra).
-
La sortida JSX apareix instantàniament a la dreta.
-
Opcionalment, activeu 'Embolcalla en un component' per obtenir un component funcional complet llest per enganxar.
-
Copieu el JSX amb el botó 'Copia JSX'.
Keywords: HTML a JSX, convertidor HTML a JSX, convertir HTML a React, convertidor className, JSX en línia, convertidor React JSX, transformació HTML JSX