React.JS Berechnung img width in virtuellen DOM
Ich versuche zu finden, die Breite eines <img>
um es per JavaScript.
Versuchen, berechnen Sie die Breite dieses react.js DOM-Knoten wird 0 zurückgegeben.
var Player = React.createClass({
componentDidMount:function(){
var imgEl = this.refs.imgSize.getDOMNode();
console.log(imgEl.offsetWidth);
},
render: function () {
return (
<img ref="imgSize" src={this.props.imageURL} />
);
}
});
Du musst angemeldet sein, um einen Kommentar abzugeben.
Du könntest das Bild ist
onLoad
- Ereignis, um sicherzustellen, dass es geladen ist, bevor Sie versuchen, diese:HTML:
Schrieb ich Reagieren Bibliothek, stellt ein size-Objekt (mit Breite und Höhe stützen), um Ihre Komponenten.
Kann Sie also für Ihren Fall:
Demo: https://react-sizeme-example-esbefmsitg.now.sh/
Github: https://github.com/ctrlplusb/react-sizeme