如何将useState数组添加为useState列表

Question

我有一个来自api的数组，我将其存储在一个状态中，我想将该数组存储在另一个状态下作为对象列表，其中每个数组元素都是一个Id为的值i-e原始数组=["value1","value2"....,"value(n)"]转换为列表=[{value: "value1", id: 1}, {value: "value2", id: 2}]

Answer 1

简单来说，您可以使用map()函数。你的代码应该是这样的：

(value, id) => ({ value, id: id + 1 })

下面是工作片段：

const arr = ["value1","value2","value(n)"];
const obj = arr.map((value, id) => ({value, id}));
console.log(obj);

如果您希望值是一个索引，您可以通过以下方式进行更改：

const arr = ["value1", "value2", "value(n)"];
const obj = arr.map((value, id) => ({
value,
id: id + 1
}));
console.log(obj);