javascript - 解析 Promise 数组

Question

我使用ReactJS和axios我尝试获取数据客户

react :16.5.2
axios:0.18.0

我有一个带有构造函数的类:

constructor(props) {
  super(props);
  this.state = {
    reactTable: reactTableData(),
    reactBootstrapTable: reactBootstrapTableData(),
    dataCustomer: customerData(),
};

方法customerData():

export function customerData(){
  // axios get  
  return axios.get("my/url")
  .then(res => {
    let data = res.data.data;
    console.log(data);
    return data
  })
  .catch(err => {
    console.log(err);
  })
}

当我 console.log(this.state); 时，我得到了这样的 Promise 数据:

我对 ReactJS 还是个新手，希望你能帮助我，
谢谢。

Answer 1

这非常正常，因为您从 customerData 函数返回一个 promise 。我会这样解决你的问题:

constructor(props) {
  super(props);
  this.state = {
    reactTable: reactTableData(),
    reactBootstrapTable: reactBootstrapTableData(),
    dataCustomer: [],
  }
  this.initCustomerData()
}

async initCustomerData() {
  this.setState({
    customerData: await customerData()
  })
}