HTML–JSX átalakító
Mi a HTML–JSX átalakítás?
A JSX egy HTML-szerű szintaxis, amelyet a React komponensekben használnak. Bár HTML-re hasonlít, vannak fontos különbségek: a class className lesz, a for htmlFor lesz, az inline stílusok JavaScript objektumokat használnak stringek helyett, minden tagnek önzárónak kell lennie, az eseménykezelők pedig camelCase formátumot használnak. Ez az eszköz automatikusan kezeli az összes ilyen átalakítást, így közvetlenül beilleszthet HTML-t, és érvényes JSX-t kap, amely készen áll a React komponensekben való használatra.
Hogyan használja a HTML–JSX átalakítót
-
Illessze be a HTML kódot a bal oldali panelbe (vagy kattintson a 'Példa' gombra egy minta betöltéséhez).
-
A JSX kimenet azonnal megjelenik a jobb oldalon.
-
Opcionálisan engedélyezze a 'Csomagolás komponensbe' funkciót, hogy teljes funkcionális komponenst kapjon, készen a beillesztésre.
-
Másolja a JSX-et a 'JSX másolása' gombbal.
Keywords: HTML JSX-re, HTML JSX átalakító, HTML React-re konvertálás, className átalakító, JSX online, React JSX konverter, HTML JSX transzformáció