让反应渲染输入的结束标签？

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