讓反應渲染輸入的結束標籤?
P粉848442185
P粉848442185 2024-04-03 23:01:01
0
1
406

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

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

這兩個都是有效的 HTML

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

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

P粉848442185
P粉848442185

全部回覆(1)
P粉141911244

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

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

  // Send to server or update your clipboard.
  console.log(output)
sssccc
sssccc
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板