javascript - 从获取请求更新 setState 数组

Question

我觉得这是一个愚蠢的问题，但我找不到答案。目前我有状态:

this.state = {
      jsonReturnedValue: []
}

我执行一个获取请求并获取一组数据:

  componentDidMount() {
    fetch('http://127.0.0.1:8000/api/printing/postcards-printing')
      .then(response => response.json())
      .then(json => {
      this.setState({ jsonReturnedValue: [...this.state.jsonReturnedValue, json.printCategory.products] }, () => console.log(this.state));
      });
  }

这会推送从我的获取请求中提取的数组，但它会创建这个:

jsonReturnedValue
   [0]Array
      [3] Array <--- the array I'm wanting is nested in the original array.

我需要的是

jsonReturnedValue
   [3]Array

我需要我的获取响应不嵌套在已经创建的数组中。

Answer 1

我认为这是两个问题之一。

选项 1:[...this.state.jsonReturnedValue, ...json.printCategory.products] 注意第二个索引上的扩展运算符。我认为是这个!

选项 2:我们应该看到响应主体结构，但您可能需要在响应中选择较低级别的属性。例如，json.data.printCategory.products 而不是 json.printCategory.products。