ReactJS-用axios替换获取API不起作用

ReactJS-用axios替换获取API不起作用,reactjs,axios,fetch-api,Reactjs,Axios,Fetch Api,我在ReactJS和FETCH api中有一段代码,它工作得非常好,但是当我尝试用AXIOS替换它时,它的功能并不完美,尽管我查看了文档 获取API的工作代码: 不使用相同的代码,但使用AXIOS库: 使用axios库编写上述代码后出现的错误是: 未处理的拒绝(TypeError):无法读取未定义的属性“error” axios的代码有什么问题 注: 显然我把范围缩小到了未定义的地方 signup({name, email, password}) .then(data =

我在ReactJS和FETCH api中有一段代码,它工作得非常好,但是当我尝试用AXIOS替换它时,它的功能并不完美,尽管我查看了文档

获取API的工作代码: 不使用相同的代码,但使用AXIOS库: 使用axios库编写上述代码后出现的错误是:

未处理的拒绝(TypeError):无法读取未定义的属性“error”

axios的代码有什么问题

注:

显然我把范围缩小到了未定义的地方

signup({name, email, password})
            .then(data => {
                if(data.error){
                    setValues({...values, error: data.error, success: false})
                }
                else{
                    setValues({...values, name: '', email: '', password: '', error:'', success:true})
                }
            })
    }

在.then()块中,“data”是未定义的,我不知道为什么与fetch api一样工作良好

请参考以下Axios文档:

你缺少的是

.then(response => {
    return response.data;
})
而不是:

.then(response => {
    return response;
})

请参考以下Axios文档:

你缺少的是

.then(response => {
    return response.data;
})
而不是:

.then(response => {
    return response;
})

如果您添加:return response.data;而不是回应;如果您添加:return response.data;而不是回应;是的……我更新了问题,并在笔记中添加了最新的观察结果。后端得到完美的ping。如果我在一瞬间用fetch更改代码,那么代码工作得非常好;在返回响应数据之前;您会注意到某些内容已关闭。我将添加调试器并对其进行检查。当我将response.data与axios一起使用时,以及在使用调试器时,我将其视为未定义。不知道是什么原因导致了此情况。@arjunsah您在“网络”选项卡中看到了什么?你能看到你的请求被提出并且回答是正确的吗?回答包含什么?是的……我更新了问题,并在便条中添加了最新的观察结果。后端得到完美的ping。如果我在一瞬间用fetch更改代码,那么代码工作得非常好;在返回响应数据之前;您会注意到某些内容已关闭。我将添加调试器并对其进行检查。当我将response.data与axios一起使用时,以及在使用调试器时,我将其视为未定义。不知道是什么原因导致了此情况。@arjunsah您在“网络”选项卡中看到了什么?你能看到你的请求被提出并且回答是正确的吗?响应包含什么?