メインコンテンツへスキップ

HTML → JSX 変換ツール

HTMLを貼り付けるだけでReact JSXに自動変換。class, for, style, self-closingタグ, コメントを一括変換。

使い方

  1. HTMLコードを左側に入力
  2. 「変換」をクリック
  3. JSXコード(className, style objectなど変換済み)をコピー

変換ルール

  • class → className
  • for → htmlFor
  • tabindex → tabIndex (camelCase化)
  • style="..." → style={{ ... }} (オブジェクト形式)
  • self-closing tags: <img> → <img />
  • コメント: <!-- --> → {/* */}
  • data-* / aria-* 属性はそのまま保持