Konwerter HTML na JSX
Czym jest konwersja HTML na JSX?
JSX to składnia podobna do HTML używana w komponentach React. Chociaż wygląda jak HTML, istnieją kluczowe różnice: class staje się className, for staje się htmlFor, style wbudowane używają obiektów JavaScript zamiast łańcuchów znaków, wszystkie tagi muszą być samozamykające się, a procedury obsługi zdarzeń używają camelCase. To narzędzie automatycznie obsługuje wszystkie te transformacje, dzięki czemu możesz bezpośrednio wkleić HTML i otrzymać prawidłowy JSX gotowy do użycia w komponentach React.
Jak używać konwertera HTML na JSX
-
Wklej znaczniki HTML do lewego panelu (lub kliknij 'Przykład', aby załadować przykład).
-
Wynik JSX pojawia się natychmiast po prawej stronie.
-
Opcjonalnie włącz 'Owiń w komponent', aby uzyskać pełny komponent funkcyjny gotowy do wklejenia.
-
Skopiuj JSX za pomocą przycisku 'Kopiuj JSX'.
Keywords: HTML na JSX, konwerter HTML na JSX, konwersja HTML do React, konwerter className, JSX online, konwerter React JSX, transformacja HTML JSX