首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >浏览器“后退”按钮,用于返回到上一重做状态

浏览器“后退”按钮,用于返回到上一重做状态
EN

Stack Overflow用户
提问于 2021-01-20 18:18:15
回答 2查看 398关注 0票数 1

我有一个来自create-reat-app的应用程序。非常简单的应用程序与导航菜单元素和内容元素。当我单击导航菜单中的按钮时,仪表板元素将加载到content元素中。一切都运行得很完美。然后我引入了react-router,这样所有的更改都可以在不刷新浏览器的情况下发生。到目前为止一切都很好。

然后我开始玩redux。左侧的导航用于某些业务分支(如伦敦、伯明翰)。点击后,其id将保存到page.currentBranch下的redux存储中。然后,仪表板元素将根据redux中的内容进行渲染。它可以很好地工作时,点击每一个,但当点击后退或前进按钮,网址将改变,但仪表板仍然显示信息,从最后一个按钮点击,因为redux商店没有改变浏览器的后退或前进按钮。

我试过connected routerredux first history和许多关于这方面的文章,也看过stackoverflow,但仍然不能正常工作

我已经为此创建了我的第一个沙箱,这样您就可以了解它是如何设置的。我确信我在做一些有趣的错误的事情,但不知道是什么:-)

sandbox

感谢任何帮助

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-01-20 18:57:30

使用useLocation挂钩监听位置更改。

代码语言:javascript
代码运行次数:0
运行
复制
const location = useLocation();

useEffect(() > {
  //...Update redux accordingly
}, [location]);
票数 1
EN

Stack Overflow用户

发布于 2021-01-20 18:26:55

您可以尝试使用useEffect挂钩并删除/重置redux状态为所需的状态:

代码语言:javascript
代码运行次数:0
运行
复制
useEffect(() => {
    return function cleanup() { restartReduxState() };  
}, []);

cleanup函数将在组件卸载时运行,例如,单击导航栏上的不同页面。

如果你不使用function组件,我认为componentWillUnmount() function等同于它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65807484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档