Как узнать размеры смонтированного в DOM изображения?

Question

[maksipes]

Есть компонент, который рисует некую картинку

renderImage() {
    const {
      img,
    } = this.state;

    return (
              <img
                id="bImage"
                src={img}
              />
    );
  }

нужно получить размеры этой картинки у браузера

const image = document.getElementById('bImage');
???

Answer 1

[Павел Диденко]

создайте функцию, которая рендерит изображение.

const { img } = this.state;
const image = new Image();
img.src = image;

Ширина и высота будут лежать в свойствах image.width и image.height. Но учтите, что загрузка изображения процесс асинхронный, поэтому нужно обращаться к свойствам в image.onload = () => {}

Answer 2

[0xD34F]

Повесьте обработчик onLoad, внутри которого доставайте width и height. Например.

Answer 3

[shsv382]

нуууууу.....так?

let image_width = image.clientWidth;
let image_height = image.clientHeight;