Конвертер HTML в JSX

Преобразует стандартный HTML в JSX-совместимую разметку для React. Инструмент закрывает пустые элементы, переименовывает зарезервированные атрибуты в их React-эквиваленты, преобразует inline-строки style в синтаксис объекта style с именами свойств в camelCase и нормализует логические атрибуты к их React-формам.

1. Вставьте HTML во входное поле. 2. Нажмите «Конвертировать», чтобы получить JSX в поле вывода. 3. Используйте «Копировать», чтобы вставить результат в React-компонент.

Самозакрывающиеся теги (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) закрываются символом />. class= превращается в className=; for= — в htmlFor=. Строки style="..." превращаются в style={{...}}, при этом свойства в kebab-case преобразуются в camelCase (font-family -> fontFamily), а float -> cssFloat. Логические атрибуты, такие как checked, disabled, readonly, required, autoplay, autofocus, нормализуются (readOnly, autoPlay, autoFocus).