在react.js setState方法中重新格式化响应数据

Question

最近尝试将Vue项目转换为React项目。这是我面临的问题。

我有一个数据，格式为：

0:
iteration: -1
    state:
        description: null
        id: 1
        label: "Start"
        slug: "start"

我希望将其保存到组件状态，但格式不同：

0:
iteration: -1
description: null
id: 1
label: "Start"
slug: "start"

这样做的原因是能够通过调用response.data.id而不是response.data.state.id来获得对象的id

Answer 1

您可以映射数据并通过从中返回所需的对象来对其重新格式化

const newData = data.map(item => ({
   iteration: item.iteration,
   ...item.state
}));

现在newData将具有您想要的格式。如果要在数据中的项中包含更多键，则可以在上面返回的对象中进行修改]