Convertisseur HTML en JSX
Convertisseur en ligne gratuit HTML en JSX, pas de installation nécessaire. Convertit le code HTML en format JSX pour React.
À propos de HTML to JSX
Réécrit le HTML standard en un balisage compatible JSX pour React. Il ferme les éléments vides, renomme les attributs réservés en leurs équivalents React, convertit les chaînes style inline en syntaxe d'objet style avec des noms de propriétés camelCase et normalise les attributs booléens vers leurs formes React.
Mode d'emploi
1. Collez le HTML dans la zone d'entrée. 2. Cliquez sur Convertir pour produire le JSX dans la zone de sortie. 3. Utilisez Copier pour copier le résultat dans un composant React.
Réécritures d'attributs et de styles
Les balises auto-fermantes (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) sont fermées avec />. class= devient className= ; for= devient htmlFor=. Les chaînes style="..." deviennent style={{...}} avec les propriétés en kebab-case converties en camelCase (font-family -> fontFamily) et float -> cssFloat. Les attributs booléens tels que checked, disabled, readonly, required, autoplay, autofocus sont normalisés (readOnly, autoPlay, autoFocus).
▶Les éléments vides sont-ils automatiquement fermés ?
▶Comment les styles inline sont-ils gérés ?
▶Convertit-il class en className ?
▶Valide-t-il le HTML ?
Si cet outil vous a été utile, pensez à m’offrir un café.
Achetez-moi un café.