javascript: 在不同的iframe中加载相同的url，如何仅使用一个http请求？

Question

如果我在一个页面上有不同的 iframe 并且想要在每个 iframe 中加载相同的 url，如果我只是使用相同的 url code> 我可以在开发者工具中看到，http 请求与 iframe 一样多

我怎样才能防止这种情况发生，并且只执行一个请求并填充所有 iframe？

我应该加载一个 iframe 然后克隆它吗？第一次尝试没有成功

( react )

  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>自行行动。

其他问题:为什么要重用它们？ 如果要加载可重复使用的静态数据，请使用ajax请求加载数据。