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

HTML → JSX 変換ツール

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

使い方

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

変換ルール

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