我怎么能简单地请求axios ?所有使用循环与数组的字符串在React?

Question

请先检查我的代码

const arr = ['liver', 'heart', 'brain']
const url1 = `www.hospital.com/diseaseName?liver`
const url2 = `www.hospital.com/diseaseName?heart`
const url3 = `www.hospital.com/diseaseName?brain`
const request1 = axios.get(url1)
const request2 = axios.get(url2)
const request3 = axios.get(url3)
const fetchData = () => {
axios.all( [request1, request2, request3] )
.then(axios.spread((...response) => {
const responseOne = response[0].data
const responseTwo = response[1].data
const responseThree = response[2].data
})
}

我想做的是使用arr的每个元素，使每个项目的url，并使用axios.all请求

我认为我可以简化代码使用循环函数，如数组。Map或其他方法。我需要一些指导。谢谢你。

Answer 1

你可以这样做。

const URL = 'www.hospital.com/diseaseName';
const arr = ['liver', 'heart', 'brain'];

const requests = arr.map((a) => {
return axios.get(URL + '?' + a);
});

const fetchData = () => {
axios.all( requests )
.then(axios.spread((...response) => {
const responseOne = response[0].data
const responseTwo = response[1].data
const responseThree = response[2].data
})
}