国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

擁有一個 React 應(yīng)用程式。某些特定元件會在一段時間內(nèi)使用相同的金鑰向本機儲存設(shè)定不同的資料值。我需要在本地存儲中訂閱該項目的幾個組件。每當(dāng)本地儲存中更新具有特定鍵的值時，應(yīng)通知訂閱的元件或向其提供本機儲存中更新的值。

我嘗試為此建立一個自訂掛鉤，並透過向 storage 事件新增事件偵聽器來使用 with，如下所示。

const useSyncLocalStorage = (key: string) => {
  const [storageVal, setStorageVal] = useState<string | null>(() => localStorage.getItem(key));

  const handleStorageChange = () => {
    const value = localStorage.getItem(key);
    setStorageVal(value);
  };

  useEffect(() => {
    window.addEventListener('storage', handleStorageChange);

    return () => {
      window.removeEventListener('storage', handleStorageChange);
    };
  }, []);

  return storageVal;
};

並在元件中使用它，如下所示：

const locationStored = useSyncLocalStorage('location');

我嘗試在單擊事件上更新本機儲存值，但掛鉤不會傳回本機儲存中的更新值。我驗證了本地儲存值已在開發(fā)工具中更新。該問題似乎是在導(dǎo)致儲存變更的相同視窗/選項卡中未觸發(fā) storage 事件。

有什麼辦法可以訂閱localstorage的值嗎？