Javascript 在React中将变量添加到URL

我需要在URL中传递城市名称。我已经声明了变量city，我正在URL中传递它，但它并没有读取变量。我尝试了很多方法，但都不起作用

   const Weather=({city})=>{
  const [weather,setWeather]=useState('')
    useEffect(() => {
  
    axios
      .get(`http://api.weatherstack.com/current?access_key=58hgf1d8d36bf336f347d6cc9fbc7&query=${city}`)
      .then(response => {
        setWeather(response.data) 
      })
  }, []) 
// ...

您使用的语法不正确。你需要：

.get(`http://api.weatherstack.com/current?access_key=Your_access_Key&query=${city}`)

---

但看起来您在此请求中缺少一个访问密钥。

它应该是“而不是”，如下所示：

axios.get(`http://api.weatherstack.com/current?access_key=Your_access_Key&query=${city}`)
    .then(response => {
      setWeather(response.data) 
    })

---

希望在将dynamic city传递到URL时解决这个问题。还要确保您也传递了正确的访问密钥。

。gethttp://api.weatherstack.com/current?access_key=65f1d8d367f596bf336f347d6cfbc7&query=${city}.thenresponse=>{setWeatherresponse.data}，[]这也不起作用，使用的访问键也正确。我尝试访问德国作为查询参数的URL。它返回错误“无效的\u访问\u密钥”。请看一看。尝试生成一个新的访问密钥并尝试一下。这应该能解决问题。是的，这很有效。以下是供参考的工作URL-检查您是否从父组件正确获取了city的值。如果这是正确的，这段代码应该可以工作。我把它作为大写字母传递时出错了。谢谢你的帮助