无法在React应用程序的操作类中创建正确的URL

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

问题是您没有使用template literals

更改此

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

对此

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