Jak uzyskać szerokość elementu reagować

Question

Cześć Im próbuje utworzyć wejście zakres, który wyświetla podpowiedź tuż nad kciukiem suwak

I przeszedł kilka przykładów wanilia JS online i wydaje się, że muszę mieć szerokość elementu, aby to osiągnąć.

Po prostu zastanawiałem się, jak uzyskać szerokość elementów?

prawie równoważne metody jQuery $ (element) .width()

Answer 1

można zrobić:

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

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

Jest inne odpowiedzi tam obejmujących wymiary elementem React. Proponuję, abyś następnym razem wyszukał!

Answer 2

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

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

To nie działało, gdy próbowałem, ponieważ używałem stylowanych komponentów, które należy przekazać innerRef zamiast ref.