对象中的属性值与直接访问该属性的值不同

Question

我正试图在React中获得div的确切高度

CREATE PROCEDURE myProc()
     BEGIN

       UPDATE TEST
           SET t_status = REPLACE (first_name, 'T', 'X')
         WHERE t_status = 'T' and t_moddate <= now()- interval 45 minute;

     END$$

通过offsetHeight

获取div的高度

FOR aRow IN (SELECT c.SERVNAME FROM SERVNEGO s INNER JOIN PERSON p ON s.COMPANYID = p.COMPID INNER JOIN SERVICE c ON c.ID = s.SERVICE_ID WHERE s.CONFIRMED = 0 AND p.SIGNEDIN = 1) LOOP add_list_element('homeadmin1.listpendingservice', counter2, aRow.SERVNAME, aRow.SERVNAME); counter2 := counter2 + 1; END LOOP;

但我注意到，当直接访问 <div ref="pageContainer" className="flex flex-start"> <div> <Title getTitleSize={this.getTitleSize} title={title} size={titleWidth} /> </div> <div> {children} </div> </div> 时，它返回的值不同于查找对象componentDidMount(){ this.refs.pageContainer.offsetHeight this.setState({divHeight: this.refs.pageContainer.offsetHeight + 'px'}) }

中实际值的内容时的值

例如this.refs.pageContainer.offsetHeight将返回this.refs.pageContainer，但在查看对象时，该值显然为this.refs.pageContainer.offsetHeight。它稍微改变了该对象上其他属性的像素值。为什么对象不会返回它应该具有的值？

在组件更新后，如果我在componentWillUpdate中访问相同的值，它将返回正确的值。