日志25-8-6

工作内容

解决昨天的问题

前提：
1. 用ZUSTAND做全局状态管理，用户登录鉴权也是放在那里的。
2. 启用了严格模式：<StrictMode>
情况：
在后台管理页面 退出登录 后，会跳转到 登录页面 显示 2次 “请先登录”。
在 退出登录 这个方法中的最后我写的是跳转回 首页/，但是 由于登出让isAuthenticated变为了false,进而导致重新渲染<AdminRoute>，而<AdminRoute>中又写了跳转回到 登录页面和提示 请先登录。

晚上又改了一版：

const handleLogout = () => {
  logout();
  if (location.pathname.startsWith("/admin")) {
    navigate("/login");
  } else {
    toast.success("已退出登录");
    navigate("/");
  }
};

ｌｏｇｏｕｔ时触发全局状态管理
条件判断　上一个路径，如果是后台管理系统则

• 提示用户“请先登录”并跳转到登录页面。
• 否则跳转到首页，提示“已退出登录”

阅读React官方文档

粗略地看了看学习React：

1. 状态管理（useState）
2. 脱围机制（如何让代码执行效率更高）

原子化CSS

了解概念：

1. Uno CSS
2. Tailwind CSS