如果页面上有不同的iframes
,并希望在每个页面中加载相同的url
,如果我仅使用相同的url
,我可以在开发人员工具中看到有许多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} />
))}
)
[不幸的是,这不起作用,因为每个<iframe>
都自己发挥作用。
其他问题:为什么要重复使用它们?如果要加载可以重用的静态数据,请使用ajax请求来加载数据。