AppHeader.js當用戶未登錄重定向到登錄頁面時，我嘗試了這種方法。當我單擊注銷時它不起作用，再次顯示儀表板。
注銷按鈕 onClick 方法：
<CDropdownItem
href=""
onClick={() => {
localStorage.setItem('Authenticate', 'false')
}}
>
<CIcon icon={cilLockLocked} className="me-2" />
Lock Account
</CDropdownItem>
localStorage 作業正常。
AppHeader.js：
const AppHeader = () => {
const authData = localStorage.getItem('Authenticate')
if (authData === 'false') {
return <Redirect from="/" to="/login" />
}
...
uj5u.com熱心網友回復：
找到了答案。我們必須這樣做DefaultLayout.js
完整代碼：
import React from 'react'
import { Redirect } from 'react-router-dom'
import { AppContent, AppSidebar, AppFooter, AppHeader } from '../components/index'
const DefaultLayout = () => {
const authData = localStorage.getItem('Authenticate')
if (authData === 'false') {
return <Redirect from="/" to="/login" />
}
return (
<div>
<AppSidebar />
<div className="wrapper d-flex flex-column min-vh-100 bg-light">
<AppHeader />
<div className="body flex-grow-1 px-3">
<AppContent />
</div>
<AppFooter />
</div>
</div>
)
}
export default DefaultLayout
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/366295.html
上一篇：如何檢查表格中的所有復選框并使用JS為每個復選框做一個作業
下一篇：用戶照片未在編輯中加載