我正在使用反應。我有一個登錄頁面,如果變量設置爲true,我不希望用戶能夠訪問它。如果設置了會話變量,則會執行重定向
我在使用sessionStorage的用戶登錄後和一個變量設置爲true:
sessionStorage.setItem('loggedin', 'true');
我的問題是使用仍然能夠訪問登錄頁面。
如果登錄設置爲true,我該如何禁止使用此頁面?
這裏是我當前的應用程序組件:
class App extends React.Component {
render() {
return (
<Router>
<div>
<Nav />
<Route exact path="/" component={Home} />
<Route exact path="/contact" component={contact} />
<Route path="/login" component={Login} />
</div>
</Router>
)
}
這很好用,但它也限制了對所有其他頁面的訪問。我怎樣才能限制訪問登錄頁面? – unzip700
@ unzip700我更新了答案,請看看它是否解決了您的問題:) – Kai