HTMLをJSXに変換
HTMLをJSXに変換
- 処理はすべてお使いのブラウザ内で行われ、ファイルが端末から送信されることはありません。
- 完全無料・登録不要・利用制限なし。
- モバイルを含む最新ブラウザで動作します。
About this tool
「HTMLをJSX変換」は、標準的なHTMLマークアップを有効なReact JSX構文に変換します。styleオブジェクト化と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用に正しくクローズされます。