Как получить высоту элемента после рендеринга этого элемента в React?
HTML
<div id="container">
<!-- This element contents will be replaced with your component. -->
<p>
jnknwqkjnkj<br>
jhiwhiw (this is 36px height)
</p>
</div>
ReactJS
var DivSize = React.createClass({
render: function() {
let elHeight = document.getElementById('container').clientHeight
return <div className="test">Size: <b>{elHeight}px</b> but it should be 18px after the render</div>;
}
});
ReactDOM.render(
<DivSize />,
document.getElementById('container')
);
РЕЗУЛЬТАТ
Size: 36px but it should be 18px after the render
Он вычисляет высоту контейнера до рендера (36 пикселей). Я хочу получить высоту после рендера. В этом случае правильный результат должен быть 18px. jsfiddle