- 用户登录成功后,可以将数据存储在浏览器的本地存储空间。
- 创建了一个文件名为
useLocalStore.ts
的文件,其包含了一个名为useLocalStorch
的函数,该函数有两个参数,类型分别为string
和any
。 - 函数包含三种操作:设置值时用
localStorage.setItem
添加数据;值为null时用localStorage.removeItem
移除数据;其他情况下读取数据进行处理。 - 在登录组件中,成功登录后可以使用
useLocalStorch
来存储当前用户数据到currentUser
键下。 - 应用启动时,通过
useLocalStorage
读取currentUser
并设置状态,以在页面显示当前用户名称。