我偶然發現了一個對我來說非常奇怪的問題，但很可能很容易解釋。演示讓我們假設以下 React 組件import React, { useState, useEffect, useCallback } from "react";export default function App() {  const [test, setTest] = useState();  const doSomething = () => {    // TODO: Why does this returns the inital state value? Hoisting?    console.log(test);  };  const doSomethingWithCallback = useCallback(doSomething, [test]);  useEffect(() => {    setTest("asas");    window.setTimeout(() => doSomething(), 2000);    document.addEventListener("click", doSomethingWithCallback);    return () => {      document.removeEventListener("click", doSomethingWithCallback);    };  }, [doSomethingWithCallback]);  return (    <div className="App">      <h1>Click anywhere</h1>    </div>  );}（參見CodeSandbox）問題看一下TODO代碼中的注釋。為什么控制臺會記錄最初設置的doSomething狀態，即回調變體在調用時返回“真實”當前狀態？testundefined這是 React 正在做的某種提升或性能優化嗎？