SVG → React JSX

僅使用可信 SVG，事件處理與外部參照會被封鎖。

使用方法

開啟工具並輸入數值或加入檔案，檢查設定後執行。下載前請確認結果。

功能與限制

輸入 SVG 並轉換為 React JSX。使用產生的程式碼前請檢查屬性、外部參照及樣式。

本頁連結至真正的 QuickHub React 工具，支援功能取決於裝置及檔案格式。

常見搜尋與工作

使用SVG → React JSX輸入實際程式碼或範例資料進行轉換與驗證使用此範例開始 使用SVG → React JSX免安裝並直接在瀏覽器執行開發工作使用此範例開始 查看SVG → React JSX錯誤與輸出後再用於下一個開發步驟使用此範例開始

下一步

Monaco 程式碼編輯器Monaco 程式碼編輯器 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。Prettier 程式碼格式化Prettier 程式碼格式化 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。TypeScript 編譯器TypeScript 編譯器 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。JavaScript 語法檢查JavaScript 語法檢查 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。HTML/CSS/JS 預覽HTML/CSS/JS 預覽 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。文字與程式碼比較文字與程式碼比較 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。JSON 結構比較JSON 結構比較 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。JSON 關係圖JSON 關係圖 · 整合資料、程式碼、視覺化、圖片檢測與開發工具。