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

Question

[jenya7771]

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

Как можно реализовать такое?

Answer 1

[Johny Sins]

Вы можете менять state как только компонент будет смонтирован на странице. Например как только пользователь вызовет компонент с плиткой уведомлений менять state: setIsChecked(true).

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