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?
const handleOnClose = () => {}
en vez deconst handleOnClose () => {}
TimeLapse
como recibes el prop?useEffect
, y si agregasonFinishTime
al arreglo de dependencias? es decir [time, onFinishTime]