ReactJS как сохранить состояние в файлах cookie

Question

Ниже приведен пример примера для счетчика, но я должен поддерживать состояние после того, как страница обновлена. Например, я увеличиваю счетчик до 10 и в следующий раз, когда моя страница обновится, страница должна начинаться с 10 вместо 1. Можете в любом случае вести меня относительно этого.

Answer 1

Если вы хотите использовать куки JS-cookie действительно удобно. Настройка и извлечение файлов cookie очень просто.

Answer 2

Используйте для этого localStorage.

В обработчике действия сделать:

let counter = window.localStorage.getItem("counter"); 
window.localStorage.setItem("counter ", ++counter); 

Затем в componentDidMount сделать:

let counter = window.localStorage.getItem("counter"); 
this.setState("counter", counter);