React das schließende Tag der Eingabe rendern lassen?

Question

Ich habe eine ungewöhnliche Anfrage. Meine Website wird mit React erstellt und ich möchte, dass die Leute den HTML-Code der öffentlichen Website in ihre eigenen React-Komponenten kopieren können.

Das einzige Problem, das ich habe, ist, dass die Eingabe beim Rendern durch React kein schließendes Tag hat.

Beide davon sind gültiges HTML

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

Allerdings funktioniert nur die zweite, wenn sie direkt in eine React-Komponente eingefügt wird. Gibt es eine Möglichkeit, React zu zwingen, das schließende Tag der Eingabe auf meiner Website darzustellen?

P粉141911244 · Answer

考虑通过 html tidy 等工具运行复制的 html 源字符串。如果您想在浏览器中进行格式化，请考虑更漂亮。请参阅下面的示例。祝你好运！

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

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