Можно ли изменить маршрут на свитке?

Question

Я хочу загрузить несколько компонентов на одной странице и иметь разные маршруты для всех них. Например, я нажал на маршрут / article / 1, и он загружает компонент, после полного просмотра этой статьи я хочу изменить маршрут на / article / 2 и загрузить соответствующую статью. Я использую реагирующий и реагирующий маршрутизатор, в основном я хочу 4 (article / 3, article / 4) статьи на странице, и все они должны прокручиваться с изменением маршрута при переходе к конкретной статье. Как я могу добиться этого, используя реагировать и реагировать маршрутизатор?

Answer 1

используйте react-perfect-scrollbar пакет из npm .

index.js (основная точка входа вашего приложения) добавьте эту css

import 'react-perfect-scrollbar/dist/css/styles.css';

ваш файл компонента, где вы хотите изменить прокрутку URL

import PerfectScrollbar from 'react-perfect-scrollbar';

import { Redirect } from 'react-router-dom';

handleScroll = () => {
  <Redirect to="/article/2" />
} 

<PerfectScrollbar onYReachEnd={this.handleScroll}> // when you reach then end of screen it's call handleScroll function and redirect to other url.so based on your requirements you can pick up from here. 
    // your articles code..
</PerfectScrollbar>