我的网络响应显示在控制台中，但不会保存到我的变量中

Question

我正在使用 React.js 和 Axios 在我的本地机器上调用 django api。当我发出请求并检查网络控制台时，数据就在那里。但是当我尝试将响应数据保存到变量并记录结果时，什么都没有显示。我曾尝试使用 jquery 并得到相同的结果。看来我也只能在使用'await'时在控制台中获取响应数据。

我的 Context-Provider.js 代码的一部分：

async componentDidMount() {
        var resp = await axios.get('http://localhost:8000/campaign/')
        .then((res) => {
        resp = res.data
        })
        console.log(resp)

        this.setState({
            campaigns: resp.data,

        })
    }

Here is my consoles output for the network Response

Answer 1

多想一下，将async/await 和then 结合起来可能是个坏主意。我建议你选择一个或另一个

axios.get('http://localhost:8000/campaign/')
.then((res) => {
  this.setState({ campaigns: res.data })
})

或

const resp = await axios.get('http://localhost:8000/campaign/')
this.setState({ campaigns: resp.data })