javascript - 为什么在react的componentDidMount方法执行时,获取不到DOM被渲染完成的属性?
PHPz
PHPz 2017-04-11 11:35:44
[JavaScript讨论组]

我在开发一个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)
ringa_lee

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号