登录成功后需设置当前用户数据供应用其他组件使用,并设置请求接口身份验证头部。在应用刷新时恢复登录状态。创建provider.tsx
文件定义AllProvider
组件和对应属性类型。定义CurrentUser
类型包含用户ID、姓名和令牌。也定义AllContextValue
类型并创建并导出AllContext
。在AllProvider
中使用useState
准备状态currentUser
和setCurrentUser
,并设置为AllContext
的默认值。在AppLayout
中使用AllProvider
使所有子组件能访问上下文。由于使用了useState
,AllProvider
必须作为客户端组件,文件顶部需使用useClient
指令。