React从一个动作创建多个请求
React从一个动作创建多个请求
提问于 2020-04-19 07:33:13
我有这样的场景，用户在下拉列表中选择一个团队，这会向端点发送一个请求。
const selectHomeTeamStat = evt => {
const { value } = evt.target;
getStats(leagueId, value, 'home');
}; 假设请求被发送到=> https://www.api-football.com/demo/api/v2/statistics/524/40
我希望能够在我的action.js中创建一个多个请求，只需在url的末尾添加一个date参数，如下所示：
从https://www.api-football.com/demo/api/v2/statistics/524/40中，请求必须自动发送到以下三个端点
https://www.api-football.com/demo/api/v2/statistics/524/40/2019-08-30，https://www.api-football.com/demo/api/v2/statistics/524/40/2019-09-30https://www.api-football.com/demo/api/v2/statistics/524/40/2019-10-30
我的问题是如何在我的action.js中发送这些多个请求？当用户从我的下拉列表中选择一个团队时，我如何使用这3个urls创建一个数组？
这就是我的getStats应该做的
export function getStats(league, team, type) {
return function(dispatch) {
let URLs= ["https://www.api-football.com/demo/api/v2/statistics/524/40/2019-08-30",
"https://www.api-football.com/demo/api/v2/statistics/524/40/2019-09-30",
"https://www.api-football.com/demo/api/v2/statistics/524/40/2019-10-30"]
const getAllData = (URLs) => {
return Promise.all(URLs.map(fetchData));
}
const fetchData = (URL) => {
return axios
.get(URL)
.then(res => { ......回答 1
Stack Overflow用户
发布于 2020-04-20 05:26:09
const url = "https://www.api-football.com/demo/api/v2/statistics";
let dates = ["2019-08-30", "2019-09-30", "2019-10-30"]
const getAllData = (dates, i) => {
return Promise.all(dates.map(x => url + '/' + league + '/' + team + '/' + x).map(fetchData));
}
const fetchData = (URL) => {
return axios
.get(URL)
.then(res => {页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61306995
复制
相似问题
从一个效果分派多个动作
从一个动作到另一个动作
谷歌眼镜XE 17.3 -多个动作从一个声音触发打破？
如何在Ngrx中从一个效果中分派多个动作
在react中创建来自HOC的多个请求
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
