localStorage中的值发生变化时如何使用Effect？

Question

在我的反应应用程序中，我将用户数据过滤器保存到本地存储中。当数据更改时，我想使用Effect。如何正确触发该效果？我试过这个：

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)
  }
}, [])

参考答案：/sf/answers/4282486001/