Как не потерять состояние компонента / положение прокрутки, когда компонент отключен

Question

Введение

У меня есть компонент, который содержит 2 дочерних компонента, давайте назовем их listComponent и itemComponent.

listComponent : имеет кнопку «загрузить еще» и прокручивается. Каждый элемент списка имеет ссылку на маршрут, которая ведет к itemComponent.

itemComponent : содержит информацию о конкретном элементе списка. Имеет кнопку возврата, которая направляет приложение обратно в listComponent.

ПРОБЛЕМА

Каждый раз, когда пользователь нажимает на элемент, чтобы перейти к itemComponent этого элемента, он отключает listComponent. Проблема в том, что когда он возвращается к списку «Компонент», он перемонтируется с нуля, теряя всю «нагрузку больше», которую он сделал, и позицию прокрутки, что делает его почти непригодным для использования.

ВОПРОС

Я хочу, чтобы, когда пользователи нажимали кнопку «назад» на itemComponent, listComponent загружался так же, как и при выходе, прокручивался туда, где он был, и со всеми «загруженными дополнительными» элементами.

ОБРАЗЕЦ КОДА

<Switch>
  <Route
    path="/list"
    component={listComponent}
  />
  <Route
    path="/list/:item"
    component={itemComponent}
  />
</Switch>