反应 setstate 嵌套对象问题

Question

我无法解决这个 setState 第二天晚上，我已经绝望了。我有大量嵌套的对象，我正在尝试更新。如果我在 todaysMenu 中有多个元素，并且我正在尝试更新第二个元素的状态，则整个数组会“存储”在 todaysMenu 的第一个元素中。

onChangeAnyValue(values, itemIndex) {

        const key = Object.keys(values.x)[0];

        const provideDate = values.date;

        this.setState(prevState => ({

            data: prevState.data.map(day => day.date === provideDate ? {

                ...day,

                todaysMenu: [{

                    ...day.todaysMenu,

                    [itemIndex]: {

                        ...day.todaysMenu[itemIndex],

                        dish: {

                            ...day.todaysMenu[itemIndex].dish,

                            [key]: values.x[key]

                        }

                    }

                }]

            } : day)

        }));

    }

如果我删除方括号，它只是存储为对象。

Answer 1

你会想要改变：todaysMenu: [{  ...day.todaysMenu,  [itemIndex]: {    ...day.todaysMenu[itemIndex],    dish: {      ...day.todaysMenu[itemIndex].dish,      [key]: values.x[key]    }  }}]...至：todaysMenu: day.todaysMenu.map((item, index) =>   index === itemIndex    ? { ...item, dish: { ...item.dish, [key]: values.x[key] } }    : item)您目前拥有的是使用一个对象创建一个数组，而不是将数组转换为修改后的数组。