对await进行解构赋值简化代码获取data,status

一般来讲axios请求的结果一般需要通过回调函数结果的response/err来进一步获取data,status

比如下面的代码:

axios.get("xxxurl").then(response=> console.log(response.data))

实际chrome调试的结果也是这样:

对await进行解构赋值简化代码获取data,status_第1张图片

 但是如果使用了await,此时可以通过解构赋值,则直接获取response下的数据,而无需response前缀。

比如下面这样的:

// 通过大括号进行解构赋值,直接获取status的值,而无需response前缀  

const { status } = await instance.post("/auth/register", {

        email: values.username,

        password: values.password,

        confirmPassword: values.confirm,

      });

      if (status == 200) {

        message.success("注册成功");

        navigate("/signIn");

      }

 通过大括号进行解构赋值,直接获取status的值,而无需response前缀  。

这就是await + 解构赋值的妙用

你可能感兴趣的:(javascript,await)