适用于 iframe 中子高度处的高度值以做出反应

Posted 2023-03-06

【中文标题】适用于 iframe 中子高度处的高度值以做出反应

【英文标题】：apply to value of height at child height in iframe to react

【发布时间】：2022-01-16 18:36:45

【问题描述】：

 import  useState  from "react"

 export default function ServicePage() 

 const [IframeHeight, setIframeHeight] = useState("0px")


 window.addEventListener(
    "message",
    (e) => 
      console.log("188 188 188 188 188 188 188");
      console.log("e.origin   ", e);
      console.log("e.data   ", e.data);
      if(typeof e.data.childHeight !== undefined)
        setIframeHeight (e.data.childHeight + '1px' );
        // document.getElementById('mIframe').contentWindow.document.body.scrollHeight;
      
      console.log("911 911 911 911 911 911", IframeHeight)
      
    ,
    false
  );


return(
      <>
        <iframe
        id="mIframe"
        src="https://bdomain/service.html" 
        sandbox="allow-same-origin allow-scripts allow-popups"
        
        height=IframeHeight
        frameBorder="0" 
        scrolling="no"
        >
        </iframe>  
      </>
      
    )

我想在 iframe 标记中应用于子高度的高度值 所以，我在 像这样。 但它不起作用。请告诉我在 iframe 中应用到子高度的高度值以做出反应

【参考方案1】：

查看 if 语句中的 setIframeHeight，您需要将其设置为“1px”。 完成此操作后，IframeHeight 状态将为 = 1px。