reactjs - 在 reactjs 项目中构建服务层的普遍可接受的方式是什么？

Question

我正在使用 axios.get() 在我的一个组件中调用 api 端点。我需要封装这个端点调用的能力，这样我就可以通过从几个不同的组件调用它来重用这个实现。 在 React 项目中构建此类实现的普遍可接受的方式是什么？例如，将相关的 api 调用分组到与 src/components 同一级别的 src/services 目录中的 js 文件中是否通常可以接受？

Answer 1

创建一个实用程序或服务目录并将相关的 API 调用分组是可以接受的。然而，重要的是要记住，对于异步请求，您需要考虑调用 api 服务实用程序的组件可能会卸载。如果处理不当，这可能会导致警告或错误。处理此问题的一种可能方法是仅在组件仍通过 useEffect Hook 中的状态变量跟踪安装时才执行回调函数。

更现代的 React 方法可能是利用 Hook 和 React 上下文来处理数据。例如，您可以创建一个带有 useReducer Hook 的 DataContext 来获取或推送数据。(参见 https://reactjs.org/docs/context.html)