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