logo

该视频仅会员有权观看

立即开通课程「Next.js 前端应用开发实践」权限。

¥
199
/ 年

定义登录时需要用的数据与方法(useLogin)

  • 创建新文件名为"hook d r t e s"放在app log目录下
  • 文件中定义并导出一个hook函数
  • 在函数内部,使用useState准备两个数据结构:namesetName,默认值为空白,用于登录时提供用户名
  • 同样定义passwordsetPassword,默认值为空,用于登录时提供密码
  • 定义登录方法log in in,使用async关键字
  • 方法内判断namepassword,然后发送post请求到a log in接口
  • 请求配置要加上请求方法、headers,其中Content-Type设为application/json
  • 请求主体数据为一个包含namepassword的对象,转换为JSON字符串格式
  • 使用await获取响应转化为JSON,然后在控制台输出数据
  • use log in最后返回一个对象,包括namesetNamepasswordsetPasswordlog in in 方法