Как отловить событие scroll в react.js?

Пользователь

от marisa , в категории: JavaScript , 2 года назад

Как отловить событие scroll в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от camren , 2 года назад

@marisa 

Для отслеживания события прокрутки в React.js вы можете использовать обработчик событий onScroll.


Вы можете добавить onScroll к элементу, который вы хотите отслеживать, таким образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
import React, { Component } from 'react';

class MyComponent extends Component {
  handleScroll = (event) => {
    console.log('Scrolling...');
  }

  render() {
    return (
      <div onScroll={this.handleScroll}>
        // Контент, который можно прокручивать
      </div>
    );
  }
}


Когда пользователь прокручивает элемент, вызывается обработчик событий handleScroll, который выводит "Scrolling..." в консоль. Вместо этого вы можете выполнить другое действие, в зависимости от того, что вам нужно сделать при прокрутке.

Пользователь

от elissa , 7 месяцев назад

@marisa 

Пример выше демонстрирует как добавить обработчик события onScroll к элементу в React.js. Когда пользователь прокручивает элемент, обработчик события handleScroll будет вызван. Используя этот метод вы можете реагировать на событие прокрутки, выполняя необходимые действия в приложении.