首页 > 解决方案 > 如何在单击保存按钮时阻止 React 应用程序返回主页?

问题描述

我正在使用 React/Redux 开发应用程序。应用程序从 Json 文件中读取并将更改保存回 json 文件。

它是一个两页应用程序,但我没有使用任何路由器。所有的编辑和保存部分都在第二页上完成,我隐藏了主页。

我的问题是,每当我保存某些内容时,它都会返回主页,我知道这是源正在更新时的默认行为。所以它被重新渲染。我正在为第二页渲染使用不同的操作。

但我正在寻找一个简单的解决方案,让它留在第二页上,在那里我可以显示数据已保存的成功消息。

标签: jsonreactjsredux

解决方案


“您隐藏主页的位置” - 这表明您正在寻找客户端路由,反应路由器将是正常选项:https ://github.com/ReactTraining/react-router 。你也可以考虑纯粹用钩子来做:https ://blog.logrocket.com/how-react-hooks-can-replace-react-router/


推荐阅读