使用 for-each 和 props 更改 state 的值

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 对添加到副本中。 在所有迭代完成后，将该副本设置为您的状态。