使用 (例如对于密集函数调用) 而不是使用和useMemo的组合有什么好处吗？useEffect``useState

这里有两个自定义钩子，乍一看，它们的工作原理完全相同，除了useMemo的返回值是null在第一次渲染时：

useEffect 和 useState

import { expensiveCalculation } from "foo";

function useCalculate(someNumber: number): number | null {
  const [result, setResult] = useState<number | null>(null);

  useEffect(() => {
    setResult(expensiveCalculation(someNumber));
  }, [someNumber]);

  return result;
}

使用备忘录

import { expensiveCalculation } from "foo";

function useCalculateWithMemo(someNumber: number): number {
    return useMemo(() => {
        return expensiveCalculation(someNumber);
    }, [someNumber]);
};

每次参数发生变化时，两者都会计算结果，启动时someNumber的记忆useMemo在哪里？