反应Axios -通过钩子作为Axios参数

Question

我是新的反应& Axios，我正在努力思考如何根据用户输入更改GET实例属性.如果我走错路了，请指点我。

我希望选定的dataFormat传递给Axios.getData()的参数

目前，我只能让它传递对象，而不是它的值。

提前感谢

下面是获取数据的代码：

function App() {
  let [responseData, setResponseData] = React.useState([]);
  const [dataFormat, setDataFormat] = React.useState("json");

  const fetchData = (e) => {
    e.preventDefault();
    console.log({dataFormat});
    api
      .getData(dataFormat)
      .then((response) => {
        console.log("Hello");
        console.log(response);
        setResponseData(response.data);
      })
      .catch((error) => {
        console.log(error);
      });
  };

下面是Axios实例

在这里输入图像描述

以下是我收到的错误：

在这里输入图像描述

Answer 1

首先，您需要安装速成库。然后，导入cors并使用express.json()解析json，如下所示：

const express = require("express");
const app = express();
const cors = require("cors");

app.use(express.json());

app.use(cors());

function App() {
  let [responseData, setResponseData] = React.useState([]);
  const [dataFormat, setDataFormat] = React.useState("json");

  const fetchData = (e) => {
    e.preventDefault();
    console.log({dataFormat});
    api
      .getData(dataFormat)
      .then((response) => {
        console.log("Hello");
        console.log(response);
        setResponseData(response.data);
      })
      .catch((error) => {
        console.log(error);
      });
  };