Невозможно создать правильный URL в классе действий в приложении React

Question

Я новичок в реакции и использую Visual Studio в качестве IDE.
Мой класс действий выглядит следующим образом:

import axios from 'axios';
const API_KEY = '28047d25df4cc300751f33977b21a9f0';
const ROOT_URL = 'https://api.openweathermap.org/data/2.5/forecast?appid='+ API_KEY;
export const FETCH_WEATHER = 'FETCH_WEATHER'
export function fetchWeather(city) {
    const url = '${ROOT_URL}&q=${city},us';
    console.log("url",url);
    const request = axios(url);
    return {
        type: FETCH_WEATHER,
        payload: request 
    };
}

И если я печатаю URL в консоли, результат будет следующим:

URL ${ROOT_URL}&q=${city},us

Заранее спасибо.

Answer 1

Проблема в том, что вы не используете шаблонные литералы

, измените

const url = '${ROOT_URL}&q=${city},us';

на

const url = `${ROOT_URL}&q=${city},us`;