React 如何使用 ref 获取 div 的高度和宽度？

Question

当前如下：

import React from 'react';

class Index extends React.Component {
    constructor(props) {
        this.ref= React.createRef();
    }
    
    componentDidMount = () => {
        // 都无效，undefined
        console.log(this.ref.getBoundingClientRect);
        console.log(this.ref.current.clientHeight);
    }
    
    render() {
        return (
            ...
            <div ref={this.ref}></div>
            ...
        )
    }
}

Answer 1

getBoundingClientRect 不用加()吗？

Answer 2

super()?

Answer 3

解决了吗？ 解决了的话能能说一下如何解决的吗