將鍵/值合並到 response.data 內聯？

Question

這可能是一個簡單的問題，但我缺乏 JavaScript 技能可能會阻止我想出一個單行來做到這一點。 我使用 axios 從 API 請求，我得到了回復（這是“待辦事項”列表應用程序），但是我需要將另一個字段合並到這個響應中。

代碼片段如下所示：

        let mergedIsEditing = {...response.data, isEditing: false}
        const lists = [ ...this.state.lists, mergedIsEditing ]

lists基本上就是它聽起來的樣子（列表數組），而response.data只不過是一個帶有title和description的 object 。 我想也許使用Object.assign但因為我已經展開了this.state.lists我不確定這將如何工作。 本質上，我只需要將鍵/值對isEditing: false添加到該列表中。

Answer 1

不是為了鼓勵較短的代碼而不是可讀性，而是為了回答您的問題，這就是您如何在 1 行中執行與您的代碼段等效的操作：

let mergedIsEditing = {...response.data, isEditing: false}
const lists = [ ...this.state.lists, mergedIsEditing ]

const lists = [ ...this.state.lists, {...response.data, isEditing: false} ]

當然，您可以在this.state.lists =前面加上，如果這是所需的目的。