文章/答案/技术大牛

发布

社区首页 >问答首页 >React Router和browser back按钮

问React Router和browser back按钮
EN

Stack Overflow用户

提问于 2021-09-16 14:21:14

回答 1查看 61关注 0票数 0

我有一台包含以下路由的路由器交换机：

<Route exact path={['/', '/gg/']}><Spinner /></Route>
<Route path={['/error', '/gg/error']} render={() => <Error />} />

该应用程序通过'.../gg/‘加载，并在此微调期间对数据库进行axios调用。如果调用响应是一个错误，则通过'.../ error‘加载错误组件。

我的问题是-在错误页面加载后，当我点击浏览器的后退按钮时，它会返回到'.../gg‘，而不是加载这个应用程序之前的页面。我希望它返回到'... /gg‘之前的页面，并且根本不加载/gg。但我不知道该怎么做。

reactjs

browser

react-router

back

回答 1

Stack Overflow用户

发布于 2021-09-17 00:28:49

您可以尝试使用来自react-router-dom的重定向组件。将重定向状态设置为false，如果数据库返回错误，则将重定向状态设置为true。

import { Redirect } from 'react-router-dom';
// (...)

function Component(){
  const [redirect, setRedirect] = useState(false);

  // your fetch that set redirect to true in case of error

  if (redirect) return <Redirect to='/gg/error' />;

  return (<div>Component</div>);
}

票数 1

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

原文链接：

https://stackoverflow.com/questions/69210183

复制

相似问题

问React Router和browser back按钮
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Router和browser back按钮EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Router和browser back按钮
EN