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

Question

我有一个来自 api 的数组，我将其存储在一个状态中，我想将该数组存储在另一个状态中作为对象列表，其中每个数组元素都是一个具有一些 ID 的值 IE 原始数组 = ["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);

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

How to add useState array as a useState List

javascript

reactjs

react-redux

react-hooks

use-state