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

Question

如果我在一个页面上有不同的iframes，并且希望在每个页面中加载相同的url，如果我只是使用相同的url，我可以在开发工具中看到，http请求的数量与iframes 一样多

我如何才能防止这种情况发生，并且只执行一个请求并填充所有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>都有自己的作用。

另一个问题：你为什么要重复使用它们？如果您想加载可重用的静态数据，请使用ajax请求来加载数据。