Javascript 使用axios.all()和axios.spread();can';“找不到变量”;方法错误
我正在尝试创建一个程序,该程序运行多个axios请求以获取图表的数据,并在将数据拉入图表之前等待它们全部完成。这是我当前的一些代码:Javascript 使用axios.all()和axios.spread();can';“找不到变量”;方法错误,javascript,reactjs,rest,axios,referenceerror,Javascript,Reactjs,Rest,Axios,Referenceerror,我正在尝试创建一个程序,该程序运行多个axios请求以获取图表的数据,并在将数据拉入图表之前等待它们全部完成。这是我当前的一些代码: minBugs() { return ( axios({ responseType: 'json', auth: { username: '<username>', password: '<password>' } }) .get('<ur
minBugs() {
return (
axios({
responseType: 'json',
auth: {
username: '<username>',
password: '<password>'
}
})
.get('<url>'));
}
normBugs() {
return (axios({
responseType: 'json',
auth: {
username: '<username>',
password: '<password>'
}
}).get('<url>'));
}
componentDidMount() {
axios.all([minBugs(), normBugs()])
.then(axios.spread(function(a, b) {
//manipulate data
}))
.catch(message => console.log('Axios exception: ', message));
}
你知道为什么吗?谢谢大家! 由于缺少组件的其他部分,我们看不到这里发生了什么,但您使用的是
componentDidMount
,因此此组件应该是类组件。因此,您需要将函数与this
一起使用
componentDidMount() {
axios.all([this.minBugs(), this.normBugs()])
.then(axios.spread(function (a, b) {
//manipulate data
}))
.catch(message => console.log('Axios exception: ', message));
}
componentDidMount() {
axios.all([this.minBugs(), this.normBugs()])
.then(axios.spread(function (a, b) {
//manipulate data
}))
.catch(message => console.log('Axios exception: ', message));
}