Конвертер HTML → JSX
Преобразование кода HTML в формат React JSX.
Ввод HTML
Введите код HTML для преобразования
Результат JSX
Преобразованный код JSX
Правила преобразования HTML → JSX
Основные правила преобразования
- •
class→className - •
for→htmlFor - •
style="color: red"→style={color: "red"} - • 자체 닫힘 태그:
<img>→<img /> - • 케밥 케이스 → 카멜 케이스:
stroke-width→strokeWidth
Поддерживаемые преобразования атрибутов
- • Атрибуты HTML: class, for, readonly, maxlength, autocomplete
- • Атрибуты SVG: stroke-width, stroke-linecap, fill-opacity
- • Числовые атрибуты: удалите кавычки и заключите в фигурные скобки
- • Логические атрибуты: aria-hidden="true" → aria-hidden=""
- • Сохраненные атрибуты: data-*, aria-* (сохранить kebab case)
Полная поддержка документов HTML
- • Обработка тегов DOCTYPE, html, head, body
- • Преобразование тегов meta, title, style
- • Полная поддержка элементов и атрибутов SVG
- • Сохранение блока стилей CSS