更改状态的值，使用for for each和props

Question

const [nav, setNav] = useState({
firstPage: "active",
secondPage: "deactive",
navState: []
});

这是我在上下文中的状态，

const addNavi = (prop) => {
let CurrentNavigation = nav.navState;
if (!CurrentNavigation.includes(prop))
CurrentNavigation.push(prop);
setNav({ ...nav, navState: CurrentNavigation });
CurrentNavigation.forEach(function (val) {
if (val in nav) {
setNav({ ...nav, val: "active" });
}
});
}

我把道具从页面发送到这里，我想把这些道具推到我的阵列中，如果这些道具在我的导航中，我也想让它们的价值活跃起来，

我的道具成功添加到数组中，但我不会更改它们的值我该如何修复这个

Answer 1

不要在每次迭代中更新状态。首先将所有这些nav：val对添加到副本中。在所有迭代完成后，将该副本设置为您的状态。