Was wird konvertiert?

class→className, for→htmlFor, tabindex→tabIndex, onclick→onClick, Style-Strings→Objekte, selbstschließende Tags, HTML-Kommentare→JSX-Kommentare und mehr.

Verarbeitet es komplexes HTML?

Es verarbeitet die gängigsten Muster. Sehr komplexes HTML mit eingebetteten Skripten oder Vorlagen kann manuelle Anpassungen erfordern.

Kann ich das für TSX verwenden?

Ja. JSX und TSX verwenden die gleiche Syntax für HTML-Attribute. Die Ausgabe funktioniert sowohl in .jsx- als auch in .tsx-Dateien.

Entwickler-Tool

HTML-zu-JSX-Konverter

HTML in gültigen JSX/React-Code konvertieren. Wandelt class in className, for in htmlFor, Inline-Styles in Objekte um und schließt Void-Elemente selbst.

100% kostenlos — kein Konto erforderlich

HTML-Eingabe

JSX-Ausgabe

Sofortiges HTML zu JSX

Schluss mit der manuellen HTML-Konvertierung für React

Attribut-Konvertierung

class→className, for→htmlFor, tabindex→tabIndex und alle Event-Handler.

Style-Objekte

Konvertiert Inline-Style-Strings in JavaScript-Objekte mit camelCase-Eigenschaften.

Selbstschließende Tags

Schließt automatisch Void-Elemente: <br>, <img>, <input>, <hr>, usw.

Änderungsübersicht

Sehen Sie, wie viele Transformationen mit einer Aufschlüsselung pro Regel durchgeführt wurden.

Häufig gestellte Fragen

Entwickler-Tools

Weitere Entwickler-Werkzeuge

Regex-Tester, JSON-Formatierer, CSS-Tools und mehr.