Добрый день. Есть допустим стейт: const [scroll, setScroll] = useState (

Question

Добрый день. Есть допустим стейт: const [scroll, setScroll] = useState (

false )
На компоненте при его инициализации вешается событие 'scroll'. После при достижении нужной высоты от начала экрана, я обновляю этот стейт на setScroll( true ). Но если повесить консоль.лог на этот обработчик события 'scroll', то мне всё равно выдает старый не измененный стейт. Не могу понять почему так происходит? Т.е я обновляю стейт в событии скролла, но он как-бы все равно не обновляется

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

0

25.12.2021

18 ответов

22 просмотра

Стас Автор вопроса

Мороз Аксёнова
Из-за замыкания. Вешай лог в useEffect

Вот так я делаю

0

25.12.2021

Стас Автор вопроса

Мороз Аксёнова
Из-за замыкания. Вешай лог в useEffect

Так оно как работает, каждый пиксель прокрутки в событии scroll новый рендер? Просто я же в этом событии меняю стейт, но оно каждую прокрутку выбивает сначала старый, а потом может обновляется как-то

0

25.12.2021

Максим Исаев

Обработчик получает координаты? На что ты повесил слушатель?

0

25.12.2021

Стас Автор вопроса

Максим Исаев
Обработчик получает координаты? На что ты повесил ...

Мне нужно чтобы когда допустим прокрутил 50 пикселей от начала страницы, то добавлять классы в dom элементам, допусти _active повесить чтобы поменять позиционирование. Оно вроде всё работает правильно, я только не могу понять, почему когда я отслеживаю скролл в функции переданной в addEventListener, то у меня вечно выдает не обновленный стейт, хотя я же его в этой функции уже и объявил, и оно работает правильно.

0

25.12.2021

Vladimir Kurchatkin

Стас
Мне нужно чтобы когда допустим прокрутил 50 пиксел...

Ещё раз. У тебя scroll буквально объявлен как const. Каким образом он должен меняться по твоему?

0

25.12.2021

Стас Автор вопроса

Vladimir Kurchatkin
Ещё раз. У тебя scroll буквально объявлен как cons...

Я там поменял на let, разницы нет

0

25.12.2021

Vladimir Kurchatkin

Стас
Я там поменял на let, разницы нет

Разницы нет. Но и логики тоже нет. Стейт внутри рендера это константа. Он не меняется

0

25.12.2021

Стас Автор вопроса

Она там не оригинальная, я еще допиливал цвета, ибо оно мало отображало и почти всё красное было

0

25.12.2021

Владиlength Карпов

Стас
Мне нужно чтобы когда допустим прокрутил 50 пиксел...

ты как addEvent добавляешь

0

25.12.2021

Vasiliy

У тебя scroll в замыкании

0

25.12.2021

Владиlength Карпов

u can try use ++monokay

0

25.12.2021

Стас Автор вопроса

Vasiliy
У тебя scroll в замыкании

Т.е функция объявлена при отрисовке компонента, и она видит замкнутое значение стейта в false, и дальше при скролле оно каждый раз меняет на true, но сразу при следующем всё равно видит false и меняет так каждый раз на true?

0

25.12.2021

Vasiliy

Стас
Т.е функция объявлена при отрисовке компонента, и ...

ты один раз подписался на скролл

0

25.12.2021

Максим Исаев

Стас
Т.е функция объявлена при отрисовке компонента, и ...

Чувак, просто скинь скрин логики компонента

0

25.12.2021