javascript - 为什么在react的componentDidMount方法执行时,获取不到DOM被渲染完成的属性?
PHPz
PHPz 2017-04-11 11:35:44
0
1
197

我在开发一个React application。

当我在componentDidMount下使用findDOMNode获取某个对象的offsetHeight属性时,总是得不到它实际的值。

后来发现是因为在此时该DOM还没有渲染完成,在外面包覆一层window.onload就可以了。

可是componentDidMount方法在执行时,DOM不是已经渲染完成了吗?那么为什么会出现这种情况呢?

下面放一小段代码:

componentDidMount() { // let _this = this; // window.onload = function(){ let imgFigureDOM = findDOMNode(_this.refs.imgFigure0), imgW = imgFigureDOM.scrollWidth, imgH = imgFigureDOM.scrollHeight; // } }

可以得到DOM元素正确的scrollWidth,然而scrollHeight返回的值却是还没有加载完成的一个、不等于DOM实际高度的数值。

PHPz
PHPz

学习是最好的投资!

모든 응답 (1)
左手右手慢动作

componentDidMount代表DOM渲染完成,但是不代表img加载完成。
可以用img标签的onload属性。

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!