javascript-如何从零开始为 React 实现自己的 useMemo

基本上是这样的：

function MyComponent() {

  let [count, setCount] = useState(1)

  let memo = useMyMemo(() => new MyClass)

  return <div onClick={update}>{count}</div>

  function update() {

    setCount(count + 1)

  }

}

function useMyMemo(fn) {

  // what to do here?

}

class MyClass {

}

我希望每个组件实例useMyMemo只返回 1 个类实例。我如何设置它来实现它而不使用任何现有的 React 钩子？如果没有 React 钩子是不可能的，他们为什么不呢？如果只能通过访问内部 API 来实现，你会怎么做？

作为奖励，了解如何传递属性依赖项以及如何使用它来确定备忘录是否应该无效会很有帮助。