React登录页面添加成功弹窗遇'response is not defined'错误求助

1. 状态码判断逻辑错误 #

你直接把response和200做比较是不对的——axios的then回调里拿到的response是完整的响应对象，接口的状态码存在response.status属性里，得用这个属性来判断请求是否成功。

2. 关于response is not defined错误 #

如果这个报错确实出自这段代码，先检查语法是否有疏漏（比如括号不匹配、逗号遗漏）；另外要注意，response变量仅在then的回调函数内部有效，要是你在回调外部的代码里误用了这个变量，肯定会触发未定义错误。

修正后的代码 #

axios.post('api', formValues)
    .then(response => {
        // 正确判断登录成功的状态码
        if (response.status === 200) {
            toast.success('login success');
        }
        console.log(response);
    })
    .catch(error => {
        console.log(error);
        // 若需要错误提示可添加此行
        // toast.error('登录失败');
    });

如果还是出现相同错误，优先排查代码中是否在then回调外部使用了response变量，或者有没有拼写错误导致变量解析异常。

内容的提问来源于stack exchange，提问作者aniki_skywalker