Кнопка "возврат" с сохранением состояния запроса api. Reactjs

Подскажите пожалуйста, как сделать возврат к элементу(кнопке) по который кликнул. Суть такая: Есть две страница - главная со списком элементов и страница подробного описания. они сделаны с помощью react-router. На странице со списком формируется api запроса, который отдает 20ть элементов. далее когда доходим конца списка, обновляется api запрос - подгружаются еще 20ть элементов, ну и т.д введите сюда описание изображения

По клику на кнопку(I choose you), мы попадаем на страницу с подробным описанием. Соответственно на странице с подробным описанием есть кнопочка "назад", по нажатию на которую я хочу вернуться назад) Вот я хочу вернуться назад к элементу по которому кликал. Сейчас же по нажатию на кнопку "назад", при возврате на главную страницу происходит api запрос с нуля. Кнопка "назад" описана так:

const handleGoToHomePage = () => {
     props.history.push({
       pathname: "/",
    });
  };

Подскажите пожалуйста, решить такое? как я понял, мне нужно сделать отмену api запроса. благодарю


Ответы (1 шт):

Автор решения: santavital

Одним из возможных решений может быть такое:
страница с подробным описанием получает window.location.pathname убирает из этого значения свою часть path, и полученную строку использует для push

→ Ссылка