нагуглить. Нид хэлп
https://codesandbox.io/s/lively-rgb-8t10d
Вот тут собственно в Child в консоль падает значение с предыдущего рендера, а нужно с текущего. Как победить это?
вместо юсреф попробуй использовать юсколбэк в доке там вроде пример был
Не, юсреф там вообще не юзается. Забыл строчку удалить. Там queryselector в самом чайлде
Ну, у меня получилось не обращаясь к элементу... Или тебе нужно именно по твоей схеме?
Если именно так как ты хочешь, то вызывай консоль лог в юсэфекте
useEffect(()=>{ console.log(box.getBoundingClientRect().height) }) так он реагирует на изменения сразу
Ну вот так мне не подходит т.к мне нужно ширину родителя дальше в функцию пихать и результат дальше по дереву кидать
У тебя 3 проблемы 1) getBounding по дефолту показывать предидущее значение, выше написали попробовать через useEffect, должно помочь, потому что отработает после рендера 2) ты неправильно используешь useRef, Во-первых, ему нужно значение по дефолту, потому что он работает с node/elements, передай хотя бы null, во-вторых, ссылка референса делается через ref={*Результат хука useRef()*} 3) Нельзя работать напрямую с Dom, в реакте тогда смысла ровно 0
Обсуждают сегодня