将键值对插入React中的数组

Question

我需要将键值添加到数组中并保持状态。

 this.state = {
        arrayOfKeyValues: [],
    }

我想做几件事： 1.当响应将包含数组时，调用api-

callAPi(text).then(response => {
let currentComponent = this
response.details.map(function (detail) {
var keyValue = {detail: undefined}
// need to push the  keyValue to arrayOfKeyValues 
}
)
}

现在arrayOfKeyValues看起来像：

“ arrayOfKeyValues”：[ { “ detail1”：未定义 }， { “ detail12”：未定义 } ]

1. 遍历arrayOfKeyValues并调用api2更新值-这将是另一个数组。

   “ arrayOfKeyValues”：[ { “ detail1”：['value1'，'value2'] }， { “ detail12”：['value1'] } ]

我尝试了很多方法，但是没有运气。 对于步骤1，我尝试过：（在response.details.map内部）

var keyValue = {detail: undefined}
var existingarrayOfKeyValues = currentComponent.state.arrayOfKeyValues;
existingarrayOfKeyValues.push(keyValue)
currentComponent.setState({arrayOfKeyValues: existingarrayOfKeyValues})  

问题是，数组的大小增加了，但是单个元素为空。

[{}，{}，{}]

我期望

[{''detail'：undefined}，{'detail2'：undefined}]