Javascript 尝试将我的api调用从App.js移动到操作文件 我有一个工作沙箱，我的动作文件在app.js中 我试图将api调用从App.js移动到actions文件 但现在我无法在浏览器中获取数据 我通过放置控制台和网络选项卡进行调试 但是运气不好，你能告诉我怎么修吗 下面提供我的代码片段和沙盒

axios
.get（“https://reqres.in/api/users?page=2")
//axios.get（）https://jsonplaceholder.typicode.com/posts')
。然后（响应=>{
//log（“response.data.data-->”，response.data.data）；
//console.log(
//“response.data.data[0].id-->”，
//response.data.data[0].id
// );
//首先，我们将根据前面的响应创建请求数
const promises=response.data.data.reduce(
（以前的值，{id}）=>{
上一个值(
axios.get(
`https://jsonplaceholder.typicode.com/comments?postId=${id}`
)
);
//console.log(
//“承诺以前的价值-->”，
//先前值
// );
返回以前的值；
},
[]
);
//log（“承诺-->”，承诺）；
//我们使用内置函数来获取数据
所有（承诺）。然后（响应=>{
//在这里，您已处理所有响应
const emailsmap=responses.reduce(
（以前的值，{data}）=>{
const emails=data.map（（{email}）=>email）；
previousValue.push（…电子邮件）；
//console.log(
//“axios all previousValue-->”，
//先前值
// );
返回以前的值；
},
[]
);
//你发送你想要的电子邮件
this.props.onFetchSuccess（emailsmap）；
//控制台日志（“检查”）；
//控制台日志（emailsMapped）；
});
})
.catch（错误=>{
//this.props.onFetchError（）；
//dispatchFunc（{type:“FETCH_DATA_ERROR”，有效负载：err}）；
});

您应该将this.props作为在actions/index.js中调用的函数的参数

你应该称之为：

fetchUsers（this.props）

在actions/index.js

获取用户（道具）{
props.onFetch（）；
...
props.onFetchSuccess（emailsMapped）；
}

使用该参数而不是此.props

并使用

---

const axios=require（'axios'）
沙箱似乎工作正常。我单击fetch，它将获取/显示数据列表。你预计会发生什么？\\嘿，既然一个在工作，另一个不在工作，你试过这个吗