javascript：在不同的 iframe 中加載相同的 url，如何只使用一個 http 請求？

Question

如果我在一個頁面上有不同的iframes並且想在每個 iframe 中加載相同的url ，如果我只是使用相同的url我可以在開發人員工具中看到有盡可能多的 Z80791B3AE7002CB88F8C2468 請求

我怎樣才能防止這種情況發生，並且只做一個請求並且這會填充所有 iframe？

我應該加載一個 iframe 然后克隆它嗎？ 第一次嘗試不起作用

（反應）

  const [url, setUrl] = useState()

  useEffect(() => {
    const request = new Request('anyurl')
    setUrl(request.url)
  }, [])

  return (
    {Object.entries(iframeArray).map(() => (
        <Iframe sandbox="" src={url} />
      ))}
  )

Answer 1

不幸的是，這不起作用，因為每個<iframe>都是獨立的。

其他問題：為什么要重復使用它們？ 如果要加載可重復使用的 static 數據，請使用 ajax 請求加載數據。