title: Unhandled Rejection (TypeError): Cannot read property 'value' of undefined error for const city
body: <p>I am getting error in const city Unhandled Rejection (TypeError): Cannot read property 'value' of undefined </p>
  
  <pre><code>handleClick = async(e) =&gt; {
      e.preventDefault();
      const city = e.target.elements.city.value;
      const api=await fetch(`http://api.openweathermap.org/data/2.5/weather?q=${city}&amp;units=metric&amp;appid=563f12881628bc03a04f230c259dd4f9`);
      const rtr = await api.json();
     this.setState({
       temperature:rtr.main.temp,
       humidity:rtr.main.humidity,
       city:rtr.name,
       country:rtr.sys.country
     });
    }
  </code></pre>
  
  <p>expected to fetch city by api calling</p>