如何在 React 中找到调用自定义 hook 的组件？

Question

我有一个自定义挂钩被多个组件调用，包括其他自定义挂钩。 我在自定义挂钩中添加了一个 useEffect 以仅在使用console.trace()的初始渲染上运行，以找出调用者组件。

useEffect(() => {
  console.trace()
}, [])

但这会在顶部记录带有invokePassiveCreate的堆栈跟踪。 我无法从堆栈跟踪中找到调用者。 还有另一种方法可以解决吗？

Answer 1

useEffect 是由 React 调用的，所以这里我们没有得到自定义钩子或任何组件的调用者。 在 useEffect 之外使用 console.trace()。