HTML转JSX转换器
免费的在线 HTML 转 JSX 转换器，无需安装。可将 HTML 代码转换为 React JSX 格式。
關於 HTML to JSX
將標準 HTML 改寫為適用於 React 的 JSX 相容標記。它會關閉空元素，將保留字屬性重新命名為對應的 React 形式，把內聯 style 字串轉換為使用 camelCase 屬性名稱的 style 物件語法，並將布林屬性正規化為 React 形式。
使用方法
1. 將 HTML 貼到輸入方塊。 2. 點擊轉換，在輸出方塊中產生 JSX。 3. 使用複製按鈕將結果複製到 React 元件中。
屬性與樣式改寫
自閉合標籤（img、br、hr、input、meta、link、area、base、col、embed、source、track、wbr）會以 /> 關閉。class= 變為 className=；for= 變為 htmlFor=。style="..." 字串變為 style={{...}}，其中 kebab-case 屬性會轉換為 camelCase（font-family -> fontFamily），float -> cssFloat。checked、disabled、readonly、required、autoplay、autofocus 等布林屬性會被正規化（readOnly、autoPlay、autoFocus）。
▶空元素會被自動關閉嗎？
會。無論在來源 HTML 中以何種形式出現，img、br、hr、input、meta、link、area、base、col、embed、source、track、wbr 都會被改寫為自閉合形式（<img ... />）。
▶內聯樣式如何處理？
style="font-size: 14px;" 屬性會被轉換為 style={{fontSize: 14px}}。以連字號分隔的 CSS 屬性會變成 camelCase 的 React 樣式鍵，特殊情形 float 與 font-family 會分別對應為 cssFloat 和 fontFamily。
▶它會將 class 轉換為 className 嗎？
會。每個 class= 屬性都會被重新命名為 className=，而（用於 label 的）for= 屬性會變為 htmlFor=，以符合 React 的保留字慣例。
▶它會驗證 HTML 嗎？
不會。轉換器執行的是基於正規表示式的替換，並不會解析文件樹，因此格式錯誤的 HTML 會原樣通過。請確保在轉換前輸入是格式良好的。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。