HTML vers JSX

Convertissez du HTML en JSX React : class en className, styles inline en objets, balises auto-fermantes, commentaires. Enveloppe en composant en option.

À propos de cet outil

Convertissez du HTML en JSX React. Les attributs sont renommés (class → className, for → htmlFor), les styles inline deviennent des objets, les balises vides se ferment d'elles-mêmes et les commentaires deviennent des commentaires JSX.

Mode d'emploi

  1. Collez du HTML.
  2. Activez au besoin Envelopper dans un composant.
  3. Copiez le JSX dans votre code React.

Questions fréquentes

Et s'il y a plusieurs éléments racines ?

Ils sont enveloppés dans un fragment <>…</> pour que le résultat soit du JSX valide.

Les gestionnaires d'événements sont-ils convertis ?

onclick devient onClick, mais la valeur reste une chaîne. Remplacez-la par une fonction dans votre composant.

Comment sont traitées les accolades dans le texte ?

Elles sont échappées en {'{'} et {'}'} pour que JSX ne les traite pas comme des expressions.

Outils associés