Llamar a la función de un padre. Reactjs


Llevo poco con react y todavía no comprendo bien como hacerlo. Tengo dos componentes. Un padre (App.js) y un hijo (Login.js).quiero que el hijo tenga un botón que llame a una función del padre (osea que la lógica del boton caiga en el padre). Como puedo llamar a este método desde el hijo?.
Este es el código:

export default class App extends Component{
  constructor(props){
    super(props);
    this.botonClick = this.botonClick.bind(this);
    this.state = {
      estadoLogin: true
    };  
  }
   
  botonClick(event){ 
    let num = Math.floor((Math.random()*10)+1);
    if ( num % 2 == 0){
      this.setState(({
        estadoLogin: false,
      }));
    }  
  }

  render(){
    return(  
      <div>
          <Login/>
      </div>
    );
  } 
}

 

((Aún no esta implementado, pero se supone que luego creare un condicional en el que si el estado
es false renderizare otro componente hijo y que si es true volvera a renderizar el componente
hijo Loggin, vamos una simulación de autenticación))

Este es el hijo:

export default class Login extends Component{
constructor(props){
super(props)
this.botonClick = this.botonClick.bind(this);

}  
  
render(){
    return (
        <div className="cuadrado">
            <div className="formulario">
                <span class="cabecera"><h2>Bienvenido</h2></span>
                <input placeholder="Usuario" class="input" ref={this.usuarioElement}/><br/>
                <label>Password: </label>
                <input placeholder="contraseña" class="input" ref={this.passElement}/>
                <button onClick={this.botonClick}>Entrar</button>    
            </div>
        </div>
    )
}

}
((desde el bton del hijo quiero llamar a la función botonClick() del padre, vamos que el padre
reciba el evento click y ejecute su función))