1 回答
TA贡献1875条经验 获得超5个赞
我已经解决了这两个问题!我不得不去掉 App.js 中定义的 Gitapp 路由中的“精确”这个词。所以而不是:
const App = () => {
return (
<Fragment>
<Router>
<Switch>
<Route exact path='/' component={LandingPage} />
<Route exact path='/gitapp' component={GitApp} /> {/* Wrong! */}
<Route component={PageNotFound} />
</Switch>
</Router>
</Fragment>
);
};
它应该是:
const App = () => {
return (
<Fragment>
<Router>
<Switch>
<Route exact path='/' component={LandingPage} />
<Route path='/gitapp' component={GitApp} /> {/* Correct! */}
<Route component={PageNotFound} />
</Switch>
</Router>
</Fragment>
);
};
不知道为什么,但我可以重新加载二级组件而不是接收 NotFound 组件。如果有人能解释为什么精确这个词在这里有所不同,我们将不胜感激。
至于我的第二个问题,我只是使用了条件渲染的重定向。因此,我的上下文 api 将更新我的全局“注销”状态并将其传递给组件,然后组件将等待它(“注销”状态)变为真,然后将我重定向到登录页面。
添加回答
举报