javascript - iframe onload 在 iframe 未准备好时触发

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 来 self 对 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);}}