Обработка происходит в вашем браузере — файлы не покидают устройство.
Бесплатно, без регистрации, аккаунтов и ограничений.
Работает в любом современном браузере, включая мобильные.
About this tool
«Конвертер HTML в JSX код» преобразует стандартную HTML-разметку в корректный синтаксис React JSX с автоматической объектификацией стилей и приведением атрибутов к camelCase.
How to use
Вставьте HTML-разметку.
Проверьте преобразованный JSX-код с трансформированными className, htmlFor и объектами style.
Скопируйте чистый JSX-фрагмент в React-компонент.
FAQ
Как обрабатываются встроенные CSS-стили?
Строковые style="margin-top: 10px;" преобразуются в React-объект style={{ marginTop: '10px' }}.
Закрываются ли пустые теги автоматически?
Да, теги вроде <img />, <input />, <br /> корректно закрываются для JSX.