讓反應渲染輸入的結束標籤？

Question

我有一個不尋常的要求。我的網站是使用 React 建立的，我希望人們能夠將公共網站的 HTML 複製到自己的 React 元件中。

我遇到的唯一問題是輸入在由 React 渲染時沒有結束標記。

這兩個都是有效的 HTML

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

但是，如果直接貼到 React 元件中，只有第二個可以工作。有沒有辦法強制 React 在我的網站上呈現輸入的結束標記？

Answer 1

考慮透過 html tidy 等工具運行複製的 html 來源字串。如果您想在瀏覽器中進行格式化，請考慮 更漂亮。請參閱下面的範例。祝你好運！

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

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

sssccc
sssccc