Использование async и axios для создания приложения погоды

Question

Я вполне уверен, что это деталь, которую я не могу вспомнить, как исправить, но я получил код для извлечения данных из URL, но я не могу вызвать метод setResults (). Я уверен, что есть способ обойти это, но я не уверен, как это сделать.

 class Test {
        constructor() {
            this.testResults = document.getElementsByClassName('test-results');
        }

        async run() {
            console.log(new Date().toISOString(), '[Test]', 'Running the test');

            // TODO: Make the API call and handle the results
            const url = `http://api.openweathermap.org/data/2.5/weather?q=${query}&appid=25e989bd41e3e24ce13173d8126e0fd6&units=imperial`;
            //Using the axios libary to call the data and log it. 
            const getData = async url => {
                try {
                    const response = await axios.get(url);
                    const data = response.data;
                    console.log(data);
                    var results  = data;
                } catch (error) {
                    console.log(error);
                }
            };
            getData(url);

        }    
        setError(message) {
            // TODO: Format the error
            this.testResults.innerHTML = (message || '').toString();
        }

        setResults(results) {
            results = responses()
            this.testResults.innerHTML = (results || '').toString();
        }

    }

Answer 1

Ошибка, которую вы не видели, вероятно, связана с testResults как HTMLCollection, а не HTMLElement. Поэтому, чтобы метод setResults работал правильно, вам нужно его настроить. Здесь я предлагаю возможное решение.

class Test {
    testResults; 
    constructor() {
        this.testResults = document.getElementsByClassName('test-results');
    }

    async run() {
        console.log(new Date().toISOString(), '[Test]', 'Running the test');
        // TODO: Make the API call and handle the results
        const url = `http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=25e989bd41e3e24ce13173d8126e0fd6&units=imperial`;
        //Using the axios libary to call the data and log it.
        const getData = async url => {
            try {
                const response = await axios.get(url);
                const data = response.data;
                this.setResults(data);
            } catch (error) {
                console.log(error);
            }
        };
        getData(url);
    }
    setError(message) {
        // TODO: Format the error
        this.testResults[0].innerHTML = (message || '').toString();
    }

    setResults(results) {
        results = JSON.stringify(results);
        for(let resultEl of this.testResults) {
            resultEl.innerHTML = (results || '').toString();
        }
        // this.testResults[0].innerHTML = (results || '').toString();
    }

}

let testObj = new Test();
testObj.run();