Конвертеры кода

HTML → JSX

Готовая разметка для React: class → className, for → htmlFor, инлайновые стили в объект, одиночные теги закрываются, комментарии переезжают в {/* … */}.

Обернуть в компонент (необязательно) Закрывать одиночные теги (<br />)

HTML

JSX

<div className="card" style={{ padding: '16px', borderRadius: '8px' }}>
  <label htmlFor="email">Почта</label>
  <input id="email" type="email" className="input" required />
  <br />
  {/* кнопка отправки */}
  <button className="btn" disabled>Отправить</button>
</div>

Конвертер работает со строкой и не проверяет вложенность тегов — если разметка сомнительная, сначала прогоните её через валидатор.