ReactJS: Wie importiert ES6 benutzerdefinierte Klasse?

Question

Ich habe eine Klasse namens Api.

Api.jsx

import axios from 'axios' 
class Api { 
    constructor(){ 
     this.base_url = process.env.REACT_APP_API_URL 
    } 
    get = (url,params) => { 
     return axios.get({ 
      url:`${url}`, 
      base_url:`${this.base_url}`, 
      params:params 
     }) 
    } 
} 

export default Api 

Wie soll ich importieren diese aus einer anderen Datei. Ich versuche, ein generisches API-Modul zu machen.

Answer 1

In diesem Fall können Sie die Api Klasse in einer anderen Datei wie folgt importieren:

import Api from "../location/of/file/api.js"; 

const api = new Api(); 

api.get("/api/url", { param1: "foobar" }).then(response => { 
    // ... 
});