Сохранение позиции скролла после Обновления страницы react
Пробовал данный код
let cords = ['scrollX','scrollY'];
// сохраняем позицию скролла в localStorage
window.addEventListener('unload', e => cords.forEach(cord => localStorage[cord] = window[cord]));
// вешаем событие на загрузку (ресурсов) страницы
window.addEventListener('load', e => {
// если в localStorage имеются данные
if (localStorage[cords[0]]) {
// скроллим к сохраненным координатам
window.scroll(...cords.map(cord => localStorage[cord]));
// удаляем данные с localStorage
cords.forEach(cord => localStorage.removeItem(cord));
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Но он работает только при выставлении ограничений на скорость интернета