Ich versuche, Daten mithilfe des Redux Toolkit nach Kategorien wie Typ, Marke, Farbe und Geschlecht zu filtern. Filter funktionieren einzeln, aber nicht zusammen. Wenn ich zuerst die Marke und dann die Farbe herausfiltere, funktioniert der Markenfilter nicht. Was muss ich tun, damit das funktioniert?

const initialState = {
    products: data,
    filteredItems: data,
}

export const filterSlice = createSlice({
    name: "filter",
    initialState,
    reducers: {
        filterCategory: (state, action) => {
            if (action.payload === "All") {
                return initialState
            } else
            state.filteredItems = state.products.filter(
                (item) => item.category === action.payload
            ) 
        },
        filterGender: (state, action) => {
            state.filteredItems = state.products.filter(
                (item) => item.gender === action.payload
            ) 
        },
        filterColor: (state, action) => {
            state.filteredItems = state.products.filter(
                (item) => item.color === action.payload
            )
        },
        filterBrand: (state, action) => {
            state.filteredItems= state.products.filter(
                (item) => item.brand === action.payload
            )
        },
    }
})

Ich habe versucht, den Filter in einen Reduzierer zu schreiben, aber es funktioniert immer noch nicht