Об этом инструменте
Конвертер HTML в JSX / React разбирает фрагмент HTML нативным браузерным DOMParser и повторно сериализует его как валидный JSX, исправляя всё, что нужно React. Он работает полностью на стороне клиента, поэтому вставляемая разметка остаётся на вашей машине. Вставьте любой HTML — экспорт из дизайна, шаблон письма, набросок компонента — и получите JSX, который можно сразу вставить в файл React.
Переписывание переименовывает зарезервированные атрибуты (class становится className, for становится htmlFor), приводит остальные к camelCase — tabindex в tabIndex, maxlength в maxLength, stroke-width в strokeWidth — оставляя атрибуты data-* и aria-* нетронутыми. Void-элементы вроде img, br, input и hr делаются самозакрывающимися (<img />), HTML-комментарии становятся {/* ... */}, буквальные фигурные скобки в тексте экранируются как {'{'}, а инлайн-строка style="a:b;c:d" преобразуется в объект style={{ a: 'b', c: 'd' }} с CSS-ключами в camelCase. Логические атрибуты вроде disabled можно выдавать голыми или как ={true} с помощью переключателя.
Выберите вывод фрагмента — несколько корневых узлов автоматически оборачиваются во фрагмент <>...</> — или вывод полного компонента, который оборачивает JSX в export default function с выбранным вами именем и отступом (2 пробела, 4 пробела или табуляции). Результат готов к вставке; поскольку разбор использует настоящий DOM, некорректная вложенность нормализуется так же, как это сделал бы браузер.