相关疑难解决方法(0)

我有一个具有状态对象的 react hooks 函数apiDATA。在这种状态下，我存储了一个结构对象：

{
name : "MainData", description: "MainData description", id: 6, items: [
{key: "key-1", name : "Frontend-Test", description: "Only used for front end testing", values: ["awd","asd","xad","asdf", "awdr"]},
{key: "key-2", name : "name-2", description: "qleqle", values: ["bbb","aaa","sss","ccc"]},
...
]
}

我的前端将对象的主要数据显示为标题，然后我将每个项目映射到items. 对于这些项目中的每一个，我需要显示values它们并使它们可编辑。我在下面附上了一张图片。

现在你可以看到我有一个加号按钮，我用它来添加新的values. 我为此使用了模态，当我调用该函数来更新状态时，它可以正常工作并正确重新渲染。现在，对于每个单词，values我都有那个芯片，旁边有删除按钮。该按钮的删除功能如下：

const deleteItemFromConfig = (word, item) => {
    const index = apiDATA.items.findIndex((x) => x.key === item.key);

    let newValues = item.value.filter((keyWord) => keyWord !== word);

    item.value …