Конвертор на HTML към JSX
Какво е конвертиране на HTML към JSX?
JSX е синтаксис, подобен на HTML, използван в React компонентите. Въпреки че изглежда като HTML, има ключови разлики: class става className, for става htmlFor, вградените стилове използват JavaScript обекти вместо низове, всички тагове трябва да се самозатварят, а манипулаторите на събития използват camelCase. Този инструмент обработва всички тези трансформации автоматично, така че можете да поставите HTML директно и да получите валиден JSX, готов за използване в React компонентите ви.
Как да използвате конвертора на HTML към JSX
-
Поставете HTML маркап в левия панел (или натиснете 'Пример', за да заредите примерен код).
-
JSX изходът се появява незабавно вдясно.
-
По желание активирайте 'Обвий в компонент', за да получите пълен функционален компонент, готов за поставяне.
-
Копирайте JSX с бутона 'Копирай JSX'.
Keywords: HTML към JSX, конвертор HTML към JSX, конвертиране HTML към React, конвертор className, JSX онлайн, React JSX конвертор, трансформиране HTML JSX