首页  >  问答  >  正文

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

我有一个不寻常的要求。我的网站是使用 React 构建的,我希望人们能够将公共网站的 HTML 复制到他们自己的 React 组件中。

我遇到的唯一问题是输入在由 React 渲染时没有结束标记。

这两个都是有效的 HTML

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

但是,如果直接粘贴到 React 组件中,只有第二个可以工作。有没有办法强制 React 在我的网站上呈现输入的结束标记?

P粉848442185P粉848442185220 天前390

全部回复(1)我来回复

  • P粉141911244

    P粉1419112442024-04-04 00:36:54

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

      const output = prettier.format("", {
        parser: "html",
        plugins: prettierPlugins,
      });
    
      // Send to server or update your clipboard.
      console.log(output)
    sssccc
    sssccc

    回复
    0
  • 取消回复