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

Question

If I have different iframes on a page and want to load the same url in each one of them, if I simply use the same url I can see in Developer Tools that there're as many http requests as iframes

How could I prevent this to happen, and to do only one request and that this populates all iframes?

Should I load one iframe and then clone it? This first attempt is not working

(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

Unfortunately, this doesn´t work, since each <iframe> acts on its own.

Other question: Why do you want to reuse them? If you want to load static data which can be reused, please use an ajax request to load data.