react下跨組件跨頁面監聽localStorage變化
1、在setItem的地方配置如下代碼if (typeof window !== "undefined") {var orignalSetItem = localStorage.setItem;localStorage.setItem = function (key, newValue) {var setItemEvent = new Event("setItemEvent");setItemEv
·
1、在setItem的地方配置如下代碼
if (typeof window !== "undefined") {
var orignalSetItem = localStorage.setItem;
localStorage.setItem = function (key, newValue) {
var setItemEvent = new Event("setItemEvent");
setItemEvent.newValue = newValue;
window.dispatchEvent(setItemEvent);
orignalSetItem.apply(this, arguments);
}
localStorage.setItem("onbehalf", JSON.stringify(onbehalf));
}
2、在需要使用localStorage新值的地方添加監聽函數,如下代碼
//listener localStorage change
if (typeof window !== "undefined") {
window.addEventListener("setItemEvent", function (e) {
let newUser = JSON.parse(e.newValue);
if (login?.ada !== newUser?.ada) {
setShowPoint(true)
} else {
setShowPoint(false)
}
});
}
更多推荐


所有评论(0)