Function commitEffectHooks

mini-react/src/mini-react.js:303–347

()

    }
    
    function commitEffectHooks() {
        function runCleanup(fiber){
            if (!fiber) return;
    
            fiber.alternate?.effectHooks?.forEach((hook, index)=>{
                const deps = fiber.effectHooks[index].deps;
    
                if (!hook.deps || !isDepsEqual(hook.deps, deps)) {
                    hook.cleanup?.();
                }
            })
    
            runCleanup(fiber.child);
            runCleanup(fiber.sibling);
        }
    
        function run(fiber) {
            if (!fiber) return;
      
            fiber.effectHooks?.forEach((newHook, index) => {
                if(!fiber.alternate) {
                    newHook.cleanup = newHook.callback();
                    return;
                }
    
                if(!newHook.deps) {
                    newHook.cleanup = newHook.callback();
                }
    
                if (newHook.deps.length > 0) {
                    const oldHook = fiber.alternate?.effectHooks[index];

                    if(!isDepsEqual(oldHook.deps, newHook.deps)) {
                        newHook.cleanup = newHook.callback()
                    }
                }
            });
    
            run(fiber.child);
            run(fiber.sibling);
        }
      
        runCleanup(wipRoot);
        run(wipRoot);
    }
    
    const MiniReact = {
        createElement,