Отменить обновление страницы при выполнении метода

<form onSubmit={this.props.weatherMethod}>
                <input type="text" name="city" placeholder="Город"/>
                    <button>Отобразить данные</button>
            </form>

<Form weatherMethod={this.gettingWeather()}/>

gettingWeather = async (event) =>{
        event.preventDefault();
        const api_url = await fetch(`api.openweathermap.org/data/2.5/weather?q=Kiev&appid=${API_KEY}&units=metric`);
        const date = await api_url.json();
        console.log(date);
    }

event.preventDefault();

<Form weatherMethod={this.gettingWeather}/>

import React from "react";
 
class Form extends React.Component{
    render(){
        return(
            <form onSubmit={this.props.weatherMethod}>
                <input type="text" name="city" placeholder="Город"/>
                    <button>Получить погоду</button>
            </form>
        );
    }
}
 
export default Form;

import React from "react";
import Info from "./components/info";
import Weather from "./components/Weather";
import Form from "./components/form";
 
const API_KEY = "KEY";
 
class App extends React.Component{
 
    gettingWeather = async (event) =>{
        event.preventDefault();
        const api_url = await fetch(`api.openweathermap.org/data/2.5/weather?q=Kiev&appid=${API_KEY}&units=metric`);
        const date = await api_url.json();
        console.log(date);
    }
 
    render() {
        return(
            <div>
            <Info />
            <Form weatherMethod={this.gettingWeather()}/>
            <Weather />
            </div>
        )
    }
 
}
 
export default App;