我无法在React js的api中传递参数

Question

当我在输入文本框中输入城市和国家后单击按钮。 那么警报值就要来了。但在api中没有通过。当我在控制台中签入浏览器的开发人员工具时，将显示错误。

[[PromiseValue]]: Object
cod: "404"
message: "city not found"
__proto__: Object

const App_key = "bbf6d56707d9126ae929a951187fca66"; 

const city = e.target.elements.city.value;

const country = e.target.elements.country.value;

const api_call = await fetch('http://api.openweathermap.org/data/2.5/weather?q=${city},${country}&APPID=bbf6d56707d9126ae929a951187fca66');

Answer 1

您正在尝试使用不带反引号的模板文字表达式... 更改

const api_call = await fetch('http://api.openweathermap.org/data/2.5/weather?q=${city},${country}&APPID=bbf6d56707d9126ae929a951187fca66');

对此

const api_call = await fetch(`http://api.openweathermap.org/data/2.5/weather?q=${city},${country}&APPID=bbf6d56707d9126ae929a951187fca66`);

用``

替换''