类型“MyType”不可分配给类型“WritableDraft<MyType>”

Question

我使用@reduxjs/toolkit并且我的状态包含：allSlides: ISlide[];

当我尝试改变任何事情时，allSlides比如前。

setAllSlides(state, action: PayloadAction<ISlide[]>) {
  state.allSlides = action.payload;
},
storeNewSlide(state, action: PayloadAction<ISlide>) {
  state.allSlides.push(action.payload);
},

我收到 TS 错误

Type 'ISlide' is not assignable to type 'WritableDraft<ISlide>'

我对更改原始值数组或仅对象中的一个属性没有问题，但我不知道如何正确更改整个数组或数组中的特定对象。

Answer 1

您必须在操作中添加类型

IE：

export const storeNewSlide = createAsyncThunk(
  "slides/storeNewSlide",
  async (slide: ISlide) => {
    return {
      slide,
    };
  }
);

然后在你的allSlides：

storeNewSlide(state, action: PayloadAction<ISlide>) {
  state.allSlides.push(action.payload.slide);
},

幻灯片数组也是如此