猿问

react 里面嵌套iframe高度自适应问题

请教个问题,react里面引入iframe我需要等iframe里面的html页面全部加载完再去获取这个html的高度,期望的是在子iframe里面获取高度后调用父react里面的方法,该怎么写

目前是这么写的但加载出来的iframe高度不正确,怀疑是onload拿到的是子iframe未渲染完的高度

所以想在子iframe里面获取高度后调父react页面的方法来setState子iframe的高度


        <iframe 

          id="aa"

          style={{width:'100%'}}

          onLoad={() => {

              const obj = ReactDOM.findDOMNode(this.refs.iframe);

              console.log(obj,obj.contentDocument.body,obj.contentDocument.body.scrollWidth, obj.contentDocument.body.scrollHeight)

              this.setState({

                  "iFrameHeight":  obj.contentDocument.body.scrollHeight + 'px'

              });

          }} 

          ref="iframe" 

          src="ink/ink.html" 

          width="100%" 

          height={this.state.iFrameHeight} 

          scrolling="no" 

          frameBorder="0"

        >

        </iframe>

请大神们不吝赐教


温温酱
浏览 1484回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答