CourseIt
courseit logo
  • Recompensas
    • Registrate
    • Ingresa
    Componente Padre
    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;
    Componente Hijo
    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;