Laisser React restituer la balise de fermeture de l'entrée ?

Question

J'ai une demande inhabituelle. Mon site Web est construit à l'aide de React et je souhaite que les gens puissent copier le code HTML du site Web public dans leurs propres composants React.

Le seul problème que j'ai est que l'entrée n'a pas de balise de fermeture lorsqu'elle est rendue par React.

Ces deux sont du HTML valide

<input id="input-1" value="foo">
<input id="input-2" value="foo" />

Cependant, seul le second fonctionne s'il est collé directement dans un composant React. Existe-t-il un moyen de forcer React à afficher la balise de fermeture de l'entrée sur mon site ?

Answer 1

Envisagez d'exécuter la chaîne source html copiée via un outil tel que html spice. Si vous souhaitez formater dans le navigateur, pensez à Prettier. Voir exemple ci-dessous. Bonne chance!

  const output = prettier.format("", {
    parser: "html",
    plugins: prettierPlugins,
  });

  // Send to server or update your clipboard.
  console.log(output)

sssccc
sssccc