Привет всем! Подскажите пожалуйста. Почему этот эффект не отрабатывает на ресайз

Question

Привет всем! Подскажите пожалуйста. Почему этот эффект не отрабатывает на ресайз

окна?
Тут вроде событие есть, всё должно работать, но работает только при перезагрузке страници
useEffect(() => {
function GetWorkspaceBodySizes(){
setWorkspaceBodyWeight(workspaceBodyRef.current.clientWidth)
setWorkspaceBodyHeight(workspaceBodyRef.current.clientHeight)
}
GetWorkspaceBodySizes()
window.addEventListener('resize', GetWorkspaceBodySizes);
return(
window.removeEventListener('resize', GetWorkspaceBodySizes)
)
}, [])

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

0

02.08.2021

8 ответов

9 просмотров

Mr. Anderson 🇺🇦 Автор вопроса

Ой, сорри... не верно сказал. Эффект должен один раз отработать. А вот листенер на ресайз окна не реагирует

0

02.08.2021

꧁༒☬ROMAN☬༒꧂ :-)

так как то, что отработало в эффекте при загрузке, дальше не отслеживается.

0

02.08.2021

Mr. Anderson 🇺🇦 Автор вопроса

Так а как мне листенер тогда добавить что б он на ресайз отрабатывал?

0

02.08.2021

꧁༒☬ROMAN☬༒꧂ :-)

ref ссылка и отслеживание изменений

0

02.08.2021

Mr. Anderson 🇺🇦 Автор вопроса

Какой реф, когда у меня на window листенер?)

0

02.08.2021

꧁༒☬ROMAN☬༒꧂ :-)

такой вариант import React, { useLayoutEffect, useState } from 'react'; function useWindowSize() { const [size, setSize] = useState([0, 0]); useLayoutEffect(() => { function updateSize() { setSize([window.innerWidth, window.innerHeight]); } window.addEventListener('resize', updateSize); updateSize(); return () => window.removeEventListener('resize', updateSize); }, []); return size; } function ShowWindowDimensions(props) { const [width, height] = useWindowSize(); return <span>Window size: {width} x {height}</span>; }

0

02.08.2021

Mr. Anderson 🇺🇦 Автор вопроса

Пробовал. тоже не ворк вышло почему то(

0

02.08.2021

꧁༒☬ROMAN☬༒꧂ :-) · Accepted Answer

꧁༒☬ROMAN☬༒꧂ :-)

он отрабатывается у вас при загрузке, вы не указали эффекту, чза чем надо следить, массив

0

02.08.2021

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

Привет всем! Подскажите пожалуйста. Почему этот эффект не отрабатывает на ресайз

8 ответов

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