Is there a way to determine if an object exists in an array and update it accordingly?
I attempted to use the find method, but it couldn't locate the specified object. I also tried includes, but it seems to be unable to recognize the item within the array.
This is my current approach:
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
interface Displate {
name: string;
finish: string;
size: string;
frame: string;
price: number;
quantity: number;
}
interface DisplateArray extends Array<Displate> {}
const initialState: DisplateArray = [];
export const cartSlice = createSlice({
name: "cart",
initialState,
reducers: {
addDisplate: (state, action: PayloadAction<Displate>) => {
state.map((displate) => {
if (displate.name === action.payload.name) {
return displate.quantity++;
} else {
return state.push(action.payload);
}
});
},
},
});
export const { addDisplate } = cartSlice.actions;
export default cartSlice.reducer;
However, this implementation adds a new object every time.