Потеря нумерации на удаленных данных для таблицы материалов React

Question

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

Заранее спасибо, ура.

Answer 1

Вы можете использовать локальное хранилище для хранения чего-либо через useEffect

---

   import React, {useState, useEffect} from `react`

   function App(){
         // string === "hello" if there is no localStorage
        const [ string, setString ] = useState(window.localStorage.getItem('string') || 'hello');

        useEffect(()=> window.localStorage.setItem('string', string), [string]);

        return <button onClick={()=> setString('world')}> {string}</button>

   }

---

При первом рендеринге string === 'hello', и поэтому при первом запуске он будет установлен в локальное хранилище. useEffect.

При нажатии на кнопку string === 'world' и useEffect, вызванные изменением string, сохраняют новое значение в локальном хранилище.

После refre sh, useState будет установлен string === 'world' на горе