import React from 'react'
import Hijo from './components/hijo'

class Padre extends React.Component {
  handleCallback(data){
    //En esta función leemos la información que viene del hijo
    console.log(data)
 }

  render() {
    return (
      //Llamamos al componente Hijo y le pasamos la prop "callback" con la función handleCallback()
      <Hijo callback={(data)=>this.handleCallback(data)}/>
    )
 }
}

export default Padre;

import React from 'react'

class Hijo extends React.Component {
  handleClick(){
    //llamamos a la prop callback que es una función y le pasamos en su parámetro el valor "hola"
    this.props.callback("hola")
 }

  render() {
    return (
      <button onClick={()=>this.handleClick()}>
        Enviar
      </button>
    )
 }
}

export default Hijo;