如何獲得一個反應元素

Question

嗨進出口試圖創建一個顯示右側的滑塊

我通過一些香草JS例子去在線上的工具提示一系列輸入的寬度，看來我需要有元素的寬度來實現這一點。

所以我只是想知道如何獲得元素的寬度？

JQuery的方法$的幾乎相當於（元素）.WIDTH（）

Answer 1

你可以這樣做：

class MyComponent extends Component { 
    componentDidMount() { 
    console.log(this.refs.bla.offsetWidth) 
    } 

    render() { 
    <div ref="bla">some elem</div> 
    } 
} 

還有其他的答案在那裏覆蓋元件尺寸反應。我建議你下次搜索！

Answer 2

class MyComponent extends Component { 
     componentDidMount() { 
     console.log(this.myInput.offsetWidth) 
     } 

     render() { 
     <div ref={input => {this.myInput = input}}>some elem</div> 
     } 
    } 

當我嘗試它，因爲我用的是風格的組件，它需要傳遞一個innerRef而不是裁判它沒有工作。