浏览器“后退”按钮，用于返回到上一重做状态
提问于 2021-01-20 10:18:15
我有一个来自create-reat-app的应用程序。非常简单的应用程序与导航菜单元素和内容元素。当我单击导航菜单中的按钮时，仪表板元素将加载到content元素中。一切都运行得很完美。然后我引入了react-router，这样所有的更改都可以在不刷新浏览器的情况下发生。到目前为止一切都很好。
然后我开始玩redux。左侧的导航用于某些业务分支(如伦敦、伯明翰)。点击后，其id将保存到page.currentBranch下的redux存储中。然后，仪表板元素将根据redux中的内容进行渲染。它可以很好地工作时，点击每一个，但当点击后退或前进按钮，网址将改变，但仪表板仍然显示信息，从最后一个按钮点击，因为redux商店没有改变浏览器的后退或前进按钮。
我试过connected router，redux first history和许多关于这方面的文章，也看过stackoverflow，但仍然不能正常工作
我已经为此创建了我的第一个沙箱，这样您就可以了解它是如何设置的。我确信我在做一些有趣的错误的事情，但不知道是什么:-)
感谢任何帮助
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-01-20 10:57:30
使用useLocation挂钩监听位置更改。
const location = useLocation();
useEffect(() > {
//...Update redux accordingly
}, [location]);Stack Overflow用户
发布于 2021-01-20 10:26:55
您可以尝试使用useEffect挂钩并删除/重置redux状态为所需的状态：
useEffect(() => {
return function cleanup() { restartReduxState() };
}, []);cleanup函数将在组件卸载时运行，例如，单击导航栏上的不同页面。
如果你不使用function组件，我认为componentWillUnmount() function等同于它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65807484
复制相关文章
![[译] SIGTERM：Linux 容器的优雅终止（退出代码 143）](https://ask.qcloudimg.com/http-save/yehe-1952081/f7c2fabdb4e1a2dbb27501f0408bb2a2.jpeg)
![[译] SIGSEGV：Linux 容器中的分段错误（退出代码 139）](https://ask.qcloudimg.com/http-save/yehe-1952081/7d2d0904fea1d0551959763150a00973.jpeg)
点击加载更多
腾讯云开发者
