I'm build an online radio app and I'm not sure why the API is been called twice (I'm very new using Promises)
Here's the code:
Radio.js
Sorry, I can not show the URL.
import axious from 'axios';
export default class Radio {
constructor(station) {
this.station = station;
}
async getRadio(){
try {
const res = await axious(`URL HERE/${this.station}`);
this.result = res.data;
this.currentTrack = this.result['current-track'];
this.recentPlayed = this.result['last-played'];
console.log(this.result);
} catch (error){
console.log(error);
}
}
}
Index.js
'use strict';
import styles from '.././main.scss';
import elements from './views/base';
import Radio from './models/Radio';
import * as radioView from './views/radioView';
const state = {};
/**
* RADIO CONTROLLER
*/
const controlRadio = async () => {
state.radio = new Radio(ID STRING HERE);
try {
await state.radio.getRadio();
let imgSRC = state.radio.currentTrack["art"];
let songTitle = state.radio.currentTrack["title"];
let songArtist = state.radio.currentTrack["artist"];
radioView.renderPlayerInfo(imgSRC, songTitle, songArtist);
} catch (error) {
console.log(error);
}
}
controlRadio();
And here's the result:
The Ouput - console
Thanks in advance.
question from:
https://stackoverflow.com/questions/65894209/async-await-call-with-axios-returning-the-result-twice 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…