如何在reducer函数(React js、Typescript、Redux)中将值推送到数组

Question

有人能帮我吗？我有一个产品列表，我想为我的购物车选择一些最喜欢的产品。但产品是一个对象，购物车是一个数组。我该怎么修？

这是我的减速器功能

interface Istate {
favorites?:SingleProductDataType[]
}
const initialState:Istate = {}
export const cardReducer = (state:Istate = initialState, action:CardDispatchType):Istate => {
switch (action.type) {
case ADD_TO_CARD:
return {
favorites: [...action.payload]
}

default:
return state
}
}

---------这是我的动作函数

export const addToCard = (product:SingleProductDataType) => async(dispatch:Dispatch<CardDispatchType>) => {
dispatch({type:ADD_TO_CARD, payload: product})
}

---这是我的动作类型

export const ADD_TO_CARD = "ADD_TO_CARD"

export interface AddToCard {
type: typeof ADD_TO_CARD;
payload: SingleProductDataType
}
export type CardDispatchType = AddToCard

Answer 1

return { ...state, favorites: [...action.payload]}