reactjs - 如何获取 react 元素的宽度

Question

我正在尝试创建一个范围输入，在 slider 拇指上方显示工具提示。

我在网上浏览了一些普通的 JS 示例，似乎我需要元素的宽度才能完成它。

所以我只是想知道如何获取元素宽度？

几乎相当于 JQuery 方法$(element).width()

Answer 1

    class MyComponent extends Component {
      constructor(props){
        super(props)
        this.myInput = React.createRef()
      }

      componentDidMount () {
        console.log(this.myInput.current.offsetWidth)
      }

      render () {
        return (
        // new way - as of React@16.3
        <div ref={this.myInput}>some elem</div>
        // legacy way
        // <div ref={(ref) => this.myInput = ref}>some elem</div>
        )
      }
    }