修复 nextjs 中的“调用堆栈已满”错误

Question

我正在尝试在 nextjs 中编写代码，以使我的广告牌不断滚动以显示一些信息。 Nextjs 调试器向我显示“调用堆栈已满”的错误。我该如何解决这个问题？

    const billboardContainer = useRef();

    useEffect(()=>{

        function billboardContainerScroll(n=0){
            billboardContainer.current.scrollTo({top:0,left:(n*window.innerWidth),behaviour:'smooth'});
            n++;
            if(n<7 & n>=0) {
                setTimeout(billboardContainerScroll(n), 2000);
            } else {
                n=0;
                setTimeout(billboardContainerScroll(n), 2000);
            }
        }

        billboardContainerScroll();
    });

Answer 1

问题是你在没有退出条件的情况下递归调用你的函数，理论上这会导致无限调用。但是调用堆栈上只能有这么多函数。

顺便说一句，您的 if 语句中有语法错误。您在 AND 运算符中缺少 &。