避免在React组件之间的共享自定义钩子中重复API调用

Question

我已经编写了使用useEffect挂钩来调用API的自定义挂钩。此自定义挂钩在两个组件之间共享。这两个组件都呈现在同一页面上。现在的问题是，一旦渲染了每个组件，API就会被调用两次。

两个组件都需要使用API​​调用的响应。如何避免这种重复的API调用？还是有其他方法可以实现？