HTML→JSX

HTML片をJSXに変換します。classをclassNameに、インラインstyleをオブジェクトに、コメントをJSXコメントに変換します。

このブラウザ内だけで変換します。送信はしません。

class→className、for→htmlFor、style文字列はオブジェクト化、コメントはJSXコメント化、void要素は自己閉じ、イベント属性はキャメルケース化。出力はJSXフラグメントなのでコンポーネントに包んで使ってください。

使い方

  1. HTMLを貼り付けます。
  2. 変換します。
  3. JSX出力をコピーします。

対応範囲

属性名の変換（class・for・tabindex・http-equiv等）、style文字列のオブジェクト化、空要素、HTMLコメントに対応。onclick系の属性は警告します。JSXではonClickハンドラが必要です。入力は50万文字まで。変換器でありサニタイザーではありません。

関連する道具

関連ガイド