Why doesn't setState change the state?

Question

React

Hello. Can you correct me? My setState does not change the state (city), why?
Perhaps I made a mistake due to inattention or due to lack of knowledge :))))

function App(props) {

  let state = {
    city: "Piter"
  }

  const gettingWeather = async (e) => {
    e.preventDefault();
    let city = e.target.elements.city.value;
    const api_url = await
    fetch(`https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=${API_KEY}&units=metric`);
    const date = await api_url.json();
    console.log(date)

    const handleClick = () => {
      this.setState({
        city: "Moscow"
      })
    }
    console.log(state.city)
  };

  return(
    <>
      <Info />
       <Form weatherMethod={gettingWeather} />
      <Weather city={state.city} />
    </>
  )
}

Answer 1

The matter is that you thrust setState in function which you do not cause.
Better look at hooks. They are much easier to deal with than classes.