javascript - 如何在 React 中获取自定义 Hook 以首先加载，然后使用 setInterval 每 4 秒运行一次？

Question

如何让操作首先运行，以便在页面加载时加载，然后每 4 秒间隔一次？目前，当页面加载时，dencrypt 等待 4 秒，然后在重复时正常工作

   const Home = () => {
    const { result, dencrypt } = useDencrypt();

    React.useEffect(() => {
        let i = 0;
        const action = setInterval(() => {
            dencrypt(values[i]);
        i = i === values.length - 1 ? 0 : i + 1;
        }, 4000);

        return () => clearInterval(action);
  }, []);

Answer 1

 React.useEffect(() => {
    const functionToSet = () => {
        console.log("Run");
    };
    functionToSet();

    const timerID = setInterval(functionToSet, 4000);

    return () => clearInterval(timerID);
}, []);