Toolora

HTML 轉 JSX

將 HTML 片段轉換為使用 camelCase 屬性的 React JSX。

HTML 轉 JSX 工具將常見 HTML 片段轉換為 React JSX。它會重命名 class 和 for,把帶連字符的屬性轉為 camelCase,保留 data 和 aria 屬性,並把 style 字符串轉為 JSX 樣式對象。

使用方法

  1. 將 HTML 片段粘貼到輸入框。
  2. 查看生成的 JSX 輸出。
  3. 將 JSX 複製到 React 組件中。

常見問題

支持自閉合標籤嗎?

支持,img、input、br 等空標籤會轉換為自閉合 JSX 標籤。

style 屬性如何處理?

簡單的樣式聲明會轉換為使用 camelCase 鍵的 JSX 樣式對象。