响应式监听localStorage存储？封装个自定义Hook不就好了！

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 背景 项目上有个 更改时区的全局组件 ，同时还有一个 可以更改时区的局部组件 ，想让更改时区的时候能 联动起来，实时响应起来 。 其实每次设置完时区的数据之后是存在了前端的 localStorage 里边，时���组件里边也是从 localStorage 拿去默认值来回显。如果当前页面不刷新，那么时间组件就不能更新到最新的 localStorage 数据。 怎么才能让 localStorage 存储的数也变成响应式呢？ 实现 应该写个公共的方法，不仅仅时区数据能用，万一后边其他数据也能用。 项目是 React 项目，那就写个 hook 怎么才能让 localStorage 数据变成响应式呢？监听？ 失败的案例 1 首先想到的是按照下边这种方式做， useEffect( () => {       console .log( 11111 , localStorage.get ………………………………