Как я могу использовать событие onScroll в React для перехода на другую страницу с помощью React-Router - PullRequest
0 голосов
/ 07 ноября 2019

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

class Home extends Component {
  constructor(props) {
    super(props);

    this.handleScroll = this.handleScroll.bind(this);
  }

  handleScroll() {
    let history = useHistory();
    history.push('/categories');
    console.log('done');
  }

  render() {
    return (
      <Hero onScroll={this.handleScroll}>

мой console.log никогда не будет выполнен.

1 Ответ

0 голосов
/ 07 ноября 2019

Давайте изменим onScroll с onWheel

<Hero onWheel={this.handleScroll}>
...