我有一个功能组件,其代码如下:
import { isUserAuthCheck } from "../../Utils/SessionStorage";
function DefaultPage({ history }) {
useEffect(() => void (isUserAuthCheck ? history.push("/home") : null));
在我的 Utils/SessionStorage 中,我有以下内容:
export const isUserAuthCheck =
sessionStorage.getItem("isUserAuthenticated") === "true";
export const getIsUserAuthenticated = sessionStorage.getItem(
"isUserAuthenticated"
);
export const setValueInSession = (key, value) =>
sessionStorage.setItem(key, value);
export const setIsUserAuthenticated = str =>
sessionStorage.setItem("isUserAuthenticated", str);
问题在于,isUserAuthCheck
似乎没有在 sessionStorage
发生更改时更新。我该如何确保它在每次 sessionStorage
发生更改时都得到更新。
感谢任何帮助。
getter
,则可以在您的export default
中声明一个getter,这样每次更改Session Value时也不必设置该值。 - sshanzel