【React】存儲全局數據

參考鏈接：https://segmentfault.com/a/1190000012057010?utm_source=tag-newest

webstorage

webstorage是本地存儲，存儲在客戶端，包括localStorage和sessionStorage。

localStorage

localStorage生命周期是永久，這意味着除非用戶顯示在瀏覽器提供的UI上清除localStorage信息，否則這些信息將永遠存在。存放數據大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信。

sessionStorage

sessionStorage僅在當前會話下有效，關閉頁面或瀏覽器后被清除。存放數據大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信。源生接口可以接受，亦可再次封裝來對Object和Array有更好的支持。

ocalStorage和sessionStorage使用時使用相同的API：

 localStorage.setItem("key","value");//以“key”為名稱存儲一個值“value”

 localStorage.getItem("key");//獲取名稱為“key”的值

 localStorage.removeItem("key");//刪除名稱為“key”的信息。

 localStorage.clear();​//清空localStorage中所有信息

存儲：

localStorage.setItem('name','jack');

localStorage.setItem('user',JSON.stringify(user));

獲取：

localStorage.getItem('name');

weekArray = JSON.parse(localStorage.getItem('user'));