我想添加一个对象到react数组

Question

我想添加一个对象到状态数组。
我想添加一个对象{user.uuid,user。Id}到状态数组，使用扩展语法，我想添加一个对象{user。uuid,user。Id}到状态数组。但我得到了一个错误，不能给状态添加任何值。如果有人知道如何解决这个问题，请告诉我。

const [id, setId] = React.useState<[{uuid: number; id: number}]>([]);
useEffect(() => {
if (id === null) {
users.map((user) => setId([...id, {user.uuid, user.id}]));
}
}, [users]);

我想创建这样一个数组。

[
{ uuid:sadsa
id:1
},
{ uuid:dadsad
id:2
},
{ uuid:jihji
id:3
},
{ uuid:mokok
id:4
},
]

Answer 1

我从你的代码的理解是，你的状态是一个数组，这意味着你要使用的类型是{uuid: number; id: number}[]。因此，useState语句应该是:

const [id, setId] = React.useState<{uuid: number; id: number}[]>([]);

Answer 2

// define Item type
type Item = {
uuid: number, id: number
}
// define type as Item array
const [id, setId] = React.useState<Item[] | []>([]);
const user: Item = { uuid: 1, id: 123 };
// setId accepts array of Item, So
setId([...id, user]);