javascript - axios 和响应数据集拆分为多个数组

Question

我正在尝试使用 axios 命令从 API 获取数据，例如

function fetchData(apiURL){
    let data = [];
    let options = {
        method: "GET",
        url: apiURL,
        headers: {
            "Access-Control-Allow-Origin": "*"
        },
        credentials: "include"
    };

    axios(options)
        .then(response => {
            data = response.data;
            console.log(data);
        })
        .catch(function (error) {
            console.log("System error : " + error);
        });

    return data;
}

但这将产生一组数组，这些数组将存储 JSON 数组，response.data每个数组组有 100 个。

fetch()我使用检索所有数据没有问题。我怎样才能得到一个大型 JSON 对象数组而不是拆分的类似响应？

PS。我已经在

 componentDidMount() {
        const apiURL = process.env.REACT_APP_API;
        let tableData = fetchData(apiURL);
        console.log("DATA " + JSON.stringify(tableData));
        this.setState({tblData : tableData});
    }

标签： javascriptarraysreactjsaxiosresponse

Answer 1

您可以更新 componentDidMount 函数：

componentDidMount() { 
  const apiURL = process.env.REACT_APP_API; 
  fetchData(apiURL).then(data => { 
    console.log(data ${JSON.stringify(tableData)}) 
    this.setState({tblData : data});
  }) 
}