将对象添加到 redux 工具包中的空数组

Question

你们如何在 redux 工具包中将一个对象附加到一个空数组？我设置了一个 currentTimeOfServices:[] 在我的切片中然后我发送一个带有有效载荷的动作 dispatch(userActions.getCurrentTime({ startTime: startTime, name: item })); 在我的 getCurrenTtime reducer 中，我不明白如何附加此项。

getCurrentTime: (state, action) => {
      state.currentTimeOfServices = [
        ...state.currentTimeOfServices,
        { startTime: action.payload.startTime, name: action.payload.name },
      ];
    }

这是错误的，我知道，但我想知道如何add/append一个对象到这个 currentTimeOfServices 空数组？

Answer 1

Redux Toolkit 在内部使用了 Immer，它可以让你用普通的 JS 语法“改变”现有的状态。所以，您只需要：

state.currentTimeOfServices.push(newItem)

你在那里得到的东西对于手写的不可变更新是有效的，但在这里不是必需的。

有关详细信息，请参阅文档：

将对象添加到 redux 工具包中的空数组

Adding Object to empty array in redux toolkit

reactjs

redux

react-redux

redux-toolkit