localStorage 中的值更改時如何使用效果？

Question

在我的反應應用程序中，我將用戶數據過濾器保存到 localStorage 中。 我想在更改數據時使用效果。 如何正確觸發該效果？ 我試過這個：

useEffect(() => {
    if (rawEstateObjects.length && localStorage.activeEstateListFilter) {
      const activeFilter = JSON.parse(localStorage.activeEstateListFilter)
      if (activeFilter.length) {
        applyFilter(activeFilter)
      }
    }
  }, [rawEstateObjects, localStorage.activeEstateListFilter])

但localStorage.activeEstateListFilter不會觸發效果..

Answer 1

您是否在 localStorge 中設置了值？ 如果設置它然后：

useEffect(() => {
  function activeEstateList() {
    const item = localStorage.getItem('activeEstateListFilter')

    if (rawEstateObjects.length && item) {
      const activeFilter = JSON.parse(localStorage.activeEstateListFilter)
      if (activeFilter.length) {
        applyFilter(activeFilter)
      }
    }
  }

  window.addEventListener('storage', activeEstateList)

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

參考答案： https : //stackoverflow.com/a/61178371/7962191