Konwerter HTML do JSX
Bezpośredni konwerter online HTML do JSX, bez konieczności instalacji. Konwertuje kod HTML do formatu JSX w języku React.
Informacje o HTML to JSX
Przepisuje standardowy HTML na znaczniki zgodne z JSX dla Reacta. Zamyka elementy puste, zmienia nazwy zarezerwowanych atrybutów na ich odpowiedniki React, konwertuje wbudowane ciągi style na składnię obiektu style z nazwami właściwości w camelCase i normalizuje atrybuty logiczne do ich form React.
Jak używać
1. Wklej HTML do pola wejściowego. 2. Kliknij Konwertuj, aby wygenerować JSX w polu wyjściowym. 3. Użyj Kopiuj, aby skopiować wynik do komponentu React.
Przepisywanie atrybutów i stylów
Tagi samozamykające (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) są zamykane znakiem />. class= staje się className=; for= staje się htmlFor=. Ciągi style="..." stają się style={{...}}, przy czym właściwości w kebab-case są zamieniane na camelCase (font-family -> fontFamily), a float -> cssFloat. Atrybuty logiczne takie jak checked, disabled, readonly, required, autoplay, autofocus są normalizowane (readOnly, autoPlay, autoFocus).
▶Czy elementy puste są automatycznie zamykane?
▶Jak obsługiwane są style wbudowane?
▶Czy class jest zamieniane na className?
▶Czy narzędzie waliduje HTML?
Jeśli ten tool był dla ciebie przydatny, pomyśl o tym, aby kupić mi kawę.
Kup mi kawę.