1

Componente principal

const handleOnClose = () => {};
return (
 <TimeLapse onFinishTime={handleOnClose}/>
)

TimeLapse

   const TimeLapse = observer(({ store, onFinishTime }) => {
    useEffect(() => {
        if (time.limitNumber && store.user.timeLapseInQuestion === 0) {
          store.startCounterDownTime(100000, (() => {
            onFinishTime(); // llamar a mi propFunction
          }));
        }
      }, [time]);
    ...

store.js

 const startCounterDownTime = (time, callbackFinish) => {
  callbackFinish && callbackFinish();
 }

en mi component TimeLapse cuando se ejecuta el callback de startCounterDownTime funciona correctamente, el problema cae cuando intenta llamar a mi propFuntion onFinishTime que viene en el componente principal. Me dice TypeError: onFinishTime is not a function

Alguien sabe el porque?

7
  • No es const handleOnClose = () => {} en vez de const handleOnClose () => {}
    – FranAcuna
    Commented el 23 feb. 2021 a las 2:55
  • @FranAcuna error de dedo, pero igual no es eso.
    – DoubleM
    Commented el 23 feb. 2021 a las 3:12
  • Lo suponía. En TimeLapse como recibes el prop?
    – FranAcuna
    Commented el 23 feb. 2021 a las 3:21
  • @DoubleM, puede que sea la config del Hook useEffect, y si agregas onFinishTime al arreglo de dependencias? es decir [time, onFinishTime]
    – g.4
    Commented el 23 feb. 2021 a las 3:32
  • 1
    seguro estas usando TimeLapse component en varios lugares, en uno de ellos te olvidaste pasar la funcion TimeLapse como props Commented el 24 feb. 2021 a las 23:39

1 respuesta 1

1

Un error comun en estos casos es que seguro estas usando TimeLapse component en varios lugares, y en uno de ellos te olvidaste pasar la funcion TimeLapse como props

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.