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

Question

React — русскоговорящее сообщество

Edgar Asatryan

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

?

#frontend #javascript #programming #react.js #russian

0

17.07.2023

4 ответов

24 просмотра

Edgar Asatryan Автор вопроса

Артём
1й вариант: import React, { useRef } from 'react';...

useEffect(() => { contentRef.current.style.maxHeight = !activeAccordeon ? null : contentRef.current.style.scrollHeight + 'px' console.log(contentRef.current.style) }, [activeAccordeon])

0

17.07.2023

Dmitry Remezov

Артём
1й вариант: import React, { useRef } from 'react';...

За жпт пропишу ро

0

17.07.2023

Dmitry Remezov

Будем считать, что разобрался

0

17.07.2023

Артём · Accepted Answer

1й вариант: import React, { useRef } from 'react'; function MyComponent() { const myElementRef = useRef(null); const handleButtonClick = () => { if (myElementRef.current) { const scrollHeight = myElementRef.current.scrollHeight; console.log(scrollHeight); } }; return ( <div> <div ref={myElementRef}> {/* контент здесь */} </div> <button onClick={handleButtonClick}>Получить scrollHeight</button> </div> ); } 2й варант: import React, { useRef } from 'react'; function MyComponent() { const myElementRef = useRef(null); const handleButtonClick = () => { if (myElementRef.current) { const scrollHeight = myElementRef.current.scrollHeight; console.log(scrollHeight); } }; return ( <div> <div style={{ overflow: 'scroll' }} ref={myElementRef}> {/* контент здесь */} </div> <button onClick={handleButtonClick}>Получить scrollHeight</button> </div> ); }

169 похожих чатов

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

4 ответов

Похожие вопросы