iframe 未准备好时触发 iframe onload

Question

所以我在 vanilla React 中遇到了问题。 我在ready() 函数中有这行代码：

var current = this;    
React.createElement(
            "iframe",
            {id: "iframeController", 
             ref: "iframe", 
             src: "data:text/html;charset=utf-8," + escape(notification.description), 
             onLoad: current.iframeLoaded(this)}
)

notification.description 来自我对 this.state.notifications 中的对象所做的映射

还有这个函数跟随它

iframeLoaded(iframe) {
    if(iframe) {
        iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";         
    }
}

但是，如果我 console.log iframeLoaded 中的 (iframe) 元素，它将返回为 null。如果我 getElementById 也是一样，但它是未定义的。

我做了一个 setTimeout 来查看它是否是组件更新问题，结果是。因此，即使在 Chrome 中，onLoad 也会在 src 有时间渲染之前触发。

我正在尝试获取高度，以便可以在窗口中设置它，允许它调整大小并获取我正在获取的 iframe 的完整高度。

任何人都可以就如何解决这个问题给我任何提示吗？

Answer 1

我怀疑问题出在这一行：onLoad: current.iframeLoaded(this)}。在这种情况下，onLoad 被设置为current.iframeLoaded(this) 的返回值。

我相信您想将值包装在函数中（不是箭头符号，而是传统函数）：

onLoad: function(){current.iframeLoaded(this);}}