Récupère la taille de l'élément dans réagit componentDidMount

Question

Chez componentDidMount, je n'ai que zéro pour offsetWidth d'un élément mais l'élément a totalement la largeur. Comment obtenir une largeur d'élément après le rendu?

componentDidMount(){ 
    console.log(this.$slide.offsetWidth); 
    } 

render() { 
return <div 
      className='Reader__ImageWrapper' 
      ref={(slide) => { this.$slide = slide; }} 
     > 
      <img src={`/Images/Reader/Pages/Page 001.jpg`} className="Reader__Image"/> 
      <img src={`/Images/Reader/Pages/Page 002.jpg`} className="Reader__Image"/> 
     </div> 
} 

Answer 1

Dans REACT compoents componentDidMount essayer ci-dessous le code

façon JavaScript ...

document.getElementById("mydiv").offsetWidth; 

façon jQuery ...

$('#mydiv').width(); 

Answer 2

Vous devez obtenir le dom d'abord en componentDidMount et sa largeur de décalage:

ReactDOM.findDOMNode(this.$slide).offsetWidth;