CourseIt
courseit logo
Componente Padre
import React from 'react'
import Hije from './components/hije'

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

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

export default Padre;
Componente Hije
import React from 'react'

class Hije 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 Hije;