HTML-Überträger in JSX
Freier Online-Converter von HTML zu JSX – keine Installation erforderlich. Konvertieren Sie HTML-Code in das JSX-Format von React.
Über HTML to JSX
Schreibt Standard-HTML in JSX-kompatibles Markup für React um. Es schließt Void-Elemente, benennt reservierte Attribute in ihre React-Entsprechungen um, wandelt Inline-style-Zeichenketten in die style-Objekt-Syntax mit camelCase-Eigenschaftsnamen um und normalisiert boolesche Attribute zu ihren React-Formen.
Verwendung
1. Fügen Sie HTML in das Eingabefeld ein. 2. Klicken Sie auf Konvertieren, um JSX im Ausgabefeld zu erzeugen. 3. Verwenden Sie Kopieren, um das Ergebnis in eine React-Komponente zu übernehmen.
Attribut- und Stil-Umschreibungen
Selbstschließende Tags (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) werden mit /> geschlossen. class= wird zu className=; for= wird zu htmlFor=. style="..."-Zeichenketten werden zu style={{...}}, wobei kebab-case-Eigenschaften in camelCase umgewandelt werden (font-family -> fontFamily) und float -> cssFloat. Boolesche Attribute wie checked, disabled, readonly, required, autoplay, autofocus werden normalisiert (readOnly, autoPlay, autoFocus).
▶Werden Void-Elemente automatisch geschlossen?
▶Wie werden Inline-Stile behandelt?
▶Wird class in className umgewandelt?
▶Wird das HTML validiert?
Wenn dieses Tool Ihnen geholfen hat, zögern Sie nicht, mir einen Kaffee zu kaufen.
Kaufe mir einen Kaffee.