@jenya7771

Как в React вызвать событие, при полном или частичном отображении компонента на экране пользователя?

Здравствуйте, у меня есть список уведомлений в виде плитки, и мне нужно отмечать уведомления как прочитанные, когда они будут полностью или процентов на 85 отображены на экране пользователя.

Как можно реализовать такое?
  • Вопрос задан
  • 100 просмотров
Пригласить эксперта
Ответы на вопрос 1
jpeg_man
@jpeg_man
front-end dev
Вы можете менять state как только компонент будет смонтирован на странице. Например как только пользователь вызовет компонент с плиткой уведомлений менять state: setIsChecked(true).

Придумайте свой хук с состоянием и используйте useEffect для подписки на изменения пропсов или других зависимостей. Затем вызовете этот хук в компоненте плитки уведомлений и работайте со state.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы