HTML в JSX онлайн — конвертер вёрстки в React

Три вещи: class становится className, for становится htmlFor, а строка в style разбирается на пары и собирается в объект с camelCase-ключами, где background-color превращается в backgroundColor. Остальные атрибуты переносятся как есть, поэтому tabindex, colspan и onclick придётся поправить руками до tabIndex, colSpan и onClick.

Потому что конвертер не дописывает закрывающий слеш. В HTML теги br, img, input, hr самозакрывающиеся по умолчанию, а JSX требует явного вида . Пройдитесь по результату поиском и добавьте пробел со слешем — обычно это две-три правки на фрагмент.

Технически да, но пользы мало: компонент не может содержать doctype, html, head и script-теги в таком виде. Берите только содержимое нужного блока — секцию, карточку, форму. И помните, что JSX допускает лишь один корневой элемент: несколько соседних тегов оберните в или во фрагмент ….

Надёжного преобразования комментариев здесь нет, а JSX не понимает синтаксис . Самый безопасный путь — удалить комментарии из фрагмента до конвертации либо переписать нужные вручную в виде {/* текст */} уже в готовом коде компонента.

Нет, className и htmlFor — это соглашения React. Vue и Angular работают с обычным class, поэтому конвертированный фрагмент им не нужен и даже помешает. Если вёрстка едет в Vue, оставляйте исходный HTML и правьте только привязки данных.

Нет, замены выполняет JavaScript прямо на странице, никаких запросов с вашим кодом не уходит. Разметка живёт только до перезагрузки вкладки. Если фрагмент содержит закрытые ключи или внутренние ссылки, всё равно вычистите их перед вставкой — привычка полезная.