ReactJS如何堅持cookie中的狀態

Question

下面是示例示例的計數器，但我必須保持狀態頁面refree.For例如我將計數器增加到10，下次我的頁面刷新頁面應以10開始而不是1. 無論如何可以指導我如何。

Answer 1

如果你想使用cookies 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);