Как получить значения getBoundingClientRect элемента дочернего компонента?

В дочернем компоненте есть элемент картинка, мне нужна ее высота.

// Дочерний комопнент с картинкой

class Img {
constructor(props) {
  super(props);

  this._img = null;
}

getImageHeight = () => {
  return this._img.getBoundingClientRect();
};

return (
  <div>
    <img ref={ref => this._img = ref} />
  </div>
)
}


// Основной компонент

class ImgBlock {
constructor(props) {
  super(props);

  this._imgEl = null;
}

componentDidMount() {
  console.log(this._imgEl.getImageHeight());
}

return (
  <div>
    <Img ref={ref => this._imgEl = ref} />
  </div>
)
}


Как вызвать метод дочернего компонента ?
  • Вопрос задан
  • 207 просмотров
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега React
Вам не нужно вызывать метод (и сделать этого нельзя), но вы можете выполнить запрос прямо на рефе:
componentDidMount() {
  console.log(return this._imgEl.getBoundingClientRect());
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы