Если мне нужно выполнять какую-то функцию при изменении значения переменной,

Есть хук, который в зависимости от скролла страницы до определенного элемента выдает inView=true/false, таких элементов на странице несколько и сразу несколько из них могут быть видны на странице одновременно. Нужно узнать, какой элемент перешел в состояние true последним. В зависимости от того, какой элемент сейчас на странице inView=true, я отображаю справа, какую главу текста сейчас просматривает пользователь. Вот если я для каждой переменной inView1, inView2... создам useEffect и буду отслеживать, перешло ли значение в состояние true, и уже тогда обновлять индикатор прокрутки страницы, это нормально? (есть подозрение, что это можно сделать как-то по другому и проще)

0

06.02.2021

Alexandr

Radik Khammatov
Есть хук, который в зависимости от скролла страниц...

Можно сделать проще, заюзать готовое решение по типу react-virtualized или react-window. Если принципиально написать руками, то лучше, мне кажется, сделать через коллбэк-рефы.

0

06.02.2021

Radik Khammatov Автор вопроса

Alexandr
Можно сделать проще, заюзать готовое решение по ти...

Спасибо, попробую сделать по другому. Но вообще сама по себе подобная практика использования useEffect для данной ситуации это нормально?

0

06.02.2021

Alexandr

Radik Khammatov
Спасибо, попробую сделать по другому. Но вообще са...

А что ты ему в зависимостях укажешь? Из твоего описания могу предположить, что работа со скроллом ведется через рефы (если напрямую обращаешься к дом-элементам, то это грубейшая ошибка), рефы создаются при маунте компонентов и не меняются, значит на них юзэффект триггерить не получится, другой вариант, если есть, то я его не вижу. Можно попробовать какие-нибудь дополнительные флаги сетать из коллбэк рефов, но не вижу в этом смысла, если можно логику непосредственно там прописать.

0

06.02.2021

Vladislav Stepanov

Radik Khammatov
Есть хук, который в зависимости от скролла страниц...

если тебе все что надо это отобразить в родителе видимых детей, передавай в детей функцию на добавление и удаления из этого списка видимых, а в детях уже по своей логике добавляй / удаляй их оттуда Для проверки что элемент во вьюпорте посмотри IntersectionObserver api

0

06.02.2021

Alexandr

Vladislav Stepanov
если тебе все что надо это отобразить в родителе в...

Крутая штука, не знал про неё. : D

0

06.02.2021

Dmitriy Shuleshov

Тимофей 🛴
Что за переменная? useEffect ничего не делает реак...

Нооо,... но это же реакт...😳😳😕

0

06.02.2021