使用 setInterval,我制作了 3 秒后更改屏幕的效果,使其看起来像移动应用程序。\n当我将其应用于 app.tsx 时,发生了错误。
\n登陆/index.tsx
\nimport React, { useRef, useEffect, useState } from "react";\nimport * as S from "./style";\n\nconst Landing = () => {\n const [sec, setSec] = useState<number>(3);\n const time = useRef<number>(3);\n const timerId = useRef<any>(null);\n\n useEffect(() => {\n timerId.current = setInterval(() => {\n setSec(time.current % 60);\n time.current -= 1;\n }, 1000);\n\n return () => clearTimeout(timerId.current);\n }, []);\n\n useEffect(() => {\n if (time.current == 0) {\n clearInterval(timerId.current);\n }\n }, [sec]);\n\n if (time.current == 3) {\n …Run Code Online (Sandbox Code Playgroud)