Как получить высоту нужного элемента ReactJS (map)?

Question

[Alex Krynytskyi]

{textArray.map(({ sometext, id }) => {
                <div key={id} className='Wrap'>
                    <span classNam='Text'>{someText}</span>
                </div>
            })}

Хочу получать высоту нужного Text и задавать её нужному Wrap для плавного увеличения высоты.
Как это зделать ? можно как то получить массив элементовText похожим способом как querySelectorAll ?

Answer 1

[profesor08]

https://ru.reactjs.org/docs/hooks-reference.html#useref

Получаешь элемент родителя и выбираешь нужных потомков. потом при помощи getBoundingClientRect() получаешь их размеры.

Comments

[Alex Krynytskyi]

Ну у нас много родитлей Wrap как выбрать нужного ?
Можно небольшой пример ? Буду очень благодарен

[profesor08]

Alex Krynytskyi, пример по ссылке

[Alex Krynytskyi]

но в этом примери дынные не выводять через map.
я же не могу повешать в map ref

[profesor08]

Alex Krynytskyi, я же написал, что вешать надо на родителя

[Alex Krynytskyi]

Но родителей Wrap также много как ref не будет вроде работать.

[profesor08]

Alex Krynytskyi, вешаешь на корневой элемент своего компонента, таким образом ты получишь ссылку на его dom элемент. Далее работай как обычно работаешь с ссылкой, выбирай элементы ref.currecnt.querySelector и тд.

[Alex Krynytskyi]

спасибо работает