Обратный вызов API не работает, как только я вставляю $ {city}, $ {country} для запроса погоды в API открытой погоды

Question

Вот мой вызов API - получена ошибка: значение не определено, вероятно, ссылаясь на переменные моего города и страны ?? help?

    goGetWeather = async e => {
    e.preventDefault()
    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=8004ed6a9e53c30dd054d07
    9fff7f24e&un 
    its=metric`
    )
    const data = await api_call.json()
    console.log(data)

render () {return (

    <Weather
      city={this.state.city}
      country={this.state.country}
      description={this.state.description}
    />
    <br />
  </div>
)

}} приложение экспорта по умолчанию

Answer 1

Я удалил атрибуты управления формой из своих входов в childcomponent - работает сейчас