在现有模拟数据中的Click上附加新的键值对

Question

嗨，我正在执行一项任务，首先需要更改布尔值，然后我需要在单击时附加新的键值对。我试过用。运算符来附加新的键值对，但这会导致错误。我的mock数据是一组对象，我需要在isProcessing:true之后添加新的键值对(isDev:false(。有人能帮我做错事吗。提前感谢！

Mock Structure:
const mockItems = [
{
id: "1",
itemType: "metal",
doneBy: {
id: "1",
display: "Item Name"
},
catg: "A",
createdDate: "01/01/2021",
updatedBy: {
id: "1",
type: "M-A"
},
isProcessing: "true",
subItems: [
{
id: "1",
doneBy: {
id: "1",
display: "sub item name"
},
status: {
type: "notapproved"
},
isProcessing: "true"
}
]
}
];

代码：

const [processingItem, setProcessingItem] = useState(mockItems);
const onClick = () => {
setProcessingItem((prevState) => prevState.map((data) => (
{ ...data, isProcessing:false, data.isCreated=false})))
}

当我添加第三个参数时，我的代码不起作用。

Answer 1

在对象键对中，使用key: value赋值格式。

const [processingItem, setProcessingItem] = useState(mockItems);
const onClick = () => {
setProcessingItem((prevState) => prevState.map((data) => (
{ ...data, isProcessing:false, isCreated: false})))
}