javascript - 不能在 fetch api 中使用变量

标签 javascript reactjs api variables fetch

我是 React 开发的新手 我尝试创建一个简单的项目,使用 api 搜索城市的天气 使用 fetch 我尝试调用 api

getWeather = async (e) => {
    e.preventDefault();
    const url = 'https://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=${API_KEY}';
    const api_call = await fetch(url);
    const data = await api_call.json() ;
    console.log(data);
}

但是当我提交时,控制台日志显示 Wrong API KEY 相反,如果我将 api key 直接提供给它工作的 url,有人可以帮助我!!!

最佳答案

问题是您使用的引号类型不正确。您正在使用 '(单引号或撇号)并且您需要使用反引号,如果需要,它是大多数键盘上 1 键左侧的键使用字符串插值(这就是 ${} 的名称)

关于javascript - 不能在 fetch api 中使用变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59010208/

相关文章:

c - Lua API 计算变量名而不是值

javascript - 将观察者转换为辛烷值版本的正确方法是什么?

javascript - 更新一些对象属性

javascript - 在我的 footer.php 中发现带有 html 链接的未知 JavaScript

javascript - 使用react-apollo进行服务器端渲染

reactjs - 自动对焦不适用于 Material UI v5 中带有按钮组件的打开表单对话框

node.js - 如何在expressjs上将API(路由)转换为CLI

php - Drupal 7 发送不带附件的电子邮件

javascript - 在 2017 年使用 Meteor 有充分的理由吗?

java - JSON 解析错误 : Cannot deserialize instance of. 。超过 START_ARRAY token