如何从Reactjs中的多个URL获取数据?

时间:2018-03-03 07:15:52

标签: javascript reactjs promise

我想从多个网址获取json数据并在前端显示。 以下是网址:

1)localhost:3000 / api / getdata1

2)localhost:3000 / api / getdata2

3)localhost:3000 / api / getdata3

而不是在下面的每个网址上使用.fetch()

.fetch('localhost:3000/api/getdata1')

.fetch('localhost:3000/api/getdata2')

.fetch('localhost:3000/api/getdata3')

这可以在ReactJs中以更有效的方式完成吗?

我在尝试:

const dataurls = [
    'localhost:3000/api/getdata1',
    'localhost:3000/api/getdata2',
    'localhost:3000/api/getdata3'
];
const promisedurl = dataurls.map(httpGet);

Promise.all(promisedurls)
.then(data=> {
    for (const d of data) {
        console.log(d);
    }
})
.catch(reason => {
    // Receives first rejection among the Promises
});

请建议应该使用哪一个,或者是否有任何有效的方法从多个网址获取数据。

0 个答案:

没有答案