useRef可以解决这个问题，这里有一个类似的组件，每1000毫秒增加计数器

import { useState, useEffect, useRef } from "react";

export default function App() {
  const initalState = 0;
  const [count, setCount] = useState(initalState);
  const counterRef = useRef(initalState);

  useEffect(() => {
    counterRef.current = count;
  })

  useEffect(() => {
    setInterval(() => {
      setCount(counterRef.current + 1);
    }, 1000);
  }, []);

  return (
    <div className="App">
      <h1>The current count is:</h1>
      <h2>{count}</h2>
    </div>
  );
}

我认为这篇文章将帮助您使用interval react钩子

按照下面的操作，它可以正常工作。

const [count , setCount] = useState(0);

async function increment(count,value) {
    await setCount(count => count + 1);
  }

//call increment function
increment(count);

这个解决方案不为我工作，因为我需要得到变量，做一些事情，而不仅仅是更新它。

我得到了一个变通方法，以获得带有承诺的钩子的更新值

Eg:

async function getCurrentHookValue(setHookFunction) {
  return new Promise((resolve) => {
    setHookFunction(prev => {
      resolve(prev)
      return prev;
    })
  })
}

这样我就可以像这样得到setInterval函数中的值

let dateFrom = await getCurrentHackValue(setSelectedDateFrom);

在某种程度上类似的问题，但当使用状态值时，状态值是一个对象，并且不更新。

我有一些问题，所以我希望这可以帮助到一些人。 我们需要传递与新对象合并的旧对象

const [data, setData] = useState({key1: "val", key2: "val"});
useEffect(() => {
  setData(...data, {key2: "new val", newKey: "another new"}); // --> Pass old object
}, []);

  const [loop, setLoop] = useState(0);
  
  useEffect(() => {
    setInterval(() => setLoop(Math.random()), 5000);
  }, []);

  useEffect(() => {
    // DO SOMETHING...
  }, [loop])

const [seconds, setSeconds] = useState(0);
  useEffect(() => {
    const interval = setInterval(() => {
      setSeconds((seconds) => {
        if (seconds === 5) {
          setSeconds(0);
          return clearInterval(interval);
        }
        return (seconds += 1);
      });
    }, 1000);
  }, []);

注意:这将有助于使用useState钩子更新和重置计数器。5秒后秒停止。因为首先改变setSecond值，然后在setInterval内用更新的秒停止计时器。as useEffect运行一次。