如何在模块导出 ReactJs 上导出 Axios 响应

Question

我需要在 module.exports 上导出 axios 响应的结果。这是我的代码：品牌.jsvar axios = require('axios');module.exports = (async function() {    try {        const { data } = axios.get('http://localhost:8000/api/v1/setting/index');        console.log(data.data.initial);        return {            name: data.data.name,            desc: data.data.description,          };          } catch (err) {        console.log(err);      }      })();我尝试导入结果以用于另一个文件。这是我的代码。import React from 'react';const {brand} = await require("brand.js");  class Dashboard extends Component {       render(){        const name = brand.name        const desc = brand.description;        return (        <h1>{title} | {description}</h1>        );            }}  我的代码的结果是：Can not use keyword 'await' outside an async function这是浏览器上显示的错误：怎么解决这个问题呢？

Answer 1

你可以这样做。

// brand.js

import axios from 'axios';

export const fetchData = async () => {

  let response;

  try {

    response = await axios.get(url, config);

  } catch (e) {

    // catch error

    throw new Error(e.message)

  }

  // if success return value

  return response?.data ? response?.data : null // or set initial value

}

然后在你的 React 中

import { fetchData } from './path/to/fetchData';

const response = fetchData();

const MyComponent = (props) => {

  return (

    <div>name: {response.data.name} | desc: {response.data.description}</div>

  )

}