reactjs - 如何有一个单独的 js 文件来处理 Reactjs 中的 API 调用

Question

我想构建我的 React 项目并设置我的 API 和在单独文件中进行调用的方法。我来自 Angular 背景，在 Angular 中有处理所有 http 调用的服务。

因此，假设我有一个名为 Supplier 的功能组件，它有两个文件，Supplier.js 和 Supplier.css 。我想添加一个新文件并在该文件中调用它 SupplierServices.js 我想编写所有调用服务器的方法并将其简单地导入 Supplier.js。

如何实现？

Answer 1

你的带有 request.js 的文件:

import axios from 'axios';

export default () => axios.get('/test');

你的组件component.js:

import React from 'react';
import {request} from './request';

const Component = () => {
  .....
  request();
}