Redux-Toolkit TypeScript 여러개의 객체를 배열 추가할때

interface basketInfoProps {
  clothes: string;
  index: number;
}

interface basketproductProps {
  basketInfo: basketInfoProps[];
}

타입 정하기

 

  basketproduct: {
    basketInfo: [{ clothes: "", index: 0 }],
  },

 

initialState

 

    basketproduct: (state, action: PayloadAction<basketproductProps>) => {
      state.basketproduct.basketInfo = [
        ...state.basketproduct.basketInfo,
        ...action.payload.basketInfo,
      ];
    },

createSlice

 

  dispatch(
        basketproduct({
          basketInfo: [{ clothes: clothesInfo, index: index }],
        })
      );

dispatch 부분

 

배열에 객체를 넣는것은 기본인데 추가 삭제 수정이 의외로 까다롭다..