開発者MaxProcessado no seu navegador
SVG から React へのコンバーター
ダーティな SVG コードを貼り付けて、最新の Web 用にフォーマットされた最適化された React コンポーネントを取得します。
本日残り 1 回。Proにアップグレードして無制限に。.
出力
-
ターゲット
web
フォーマット
TSX
ステータス
ベースなし
変換設定
ソースSVG
SVGをアップロード
クリックして.svgファイルをアップロード
コンポーネント
フォーマット
SVG
コンポーネントオプション
整合性と順序
Props
ターゲットとエクスポート
ターゲット
エクスポート
出力
生成されたコンポーネント
塗り
-
構造
-
読み取り
SVGを入力してください。
SVGを入力してコンポーネントを生成
コードを貼り付けるか、.svgファイルをアップロードしてください
操作
プレビューと使用方法
Web
プレビュー
有効なSVGをアップロードしてください。
スニペット
値を入力してください。§ 使い方
SVGをReactコンポーネントに変換する方法
SVGのマークアップをクリーンで型付きのReactコンポーネントに変換 — ブラウザ上で即座に完結。
SVGを貼り付け
SVGのマークアップを貼り付けるか、.svgファイルをドロップします。
オプションを設定
TypeScriptかJSX、コンポーネント名、props/refsのフォワードの有無を選択します。
コンポーネントをコピー
属性は自動的にcamelCaseに変換されます。すぐ使えるコンポーネントをプロジェクトにコピーしましょう。
関連
関連ツール
Da mesma categoria.