Estoy trabajando en un proyecto en React usando Redux. Estoy tratando de eliminar un elemento. Sin embargo, agregó una matriz a mi matriz. ¿Cómo puedo eliminarlo? Aquí está mi código:
import ActionTypes from "../constants/ActionTypes"; const initialState = { myCities: [], aCity: {}, getCityById: {}, }; export const WeatherReducer = (state = initialState, { type, payload }) => { switch (type) { case ActionTypes.GETBY_CITYNAME: return { ...state, aCity: payload, myCities: [...state.myCities, payload], }; case ActionTypes.GETCITYBYID: return { ...state, getCityById: payload, myCities: [], //first I tried to it empty, not works at all and I also tried without it myCities: [ ...state.myCities, initialState.myCities.filter((item) => item.id !== payload.id), //Then I tried to find related item, choose it and add all objects to my array without related item ], }; default: return state; } };También agregué mis cosas de eliminación:
const HandleDelete = (cityId) => { dispatch(GetCityById(cityId, apiKEY)); };Gracias por tu esfuerzo
El método .filter() ya devuelve una nueva matriz, por lo que no es necesario colocarlo dentro de otra matriz aquí.
myCities: [ ...state.myCities, initialState.myCities.filter((item) => item.id !== payload.id) ], Lo anterior crea una nueva matriz [] , y luego coloca todos los elementos en state.myCities en esa nueva matriz usando la sintaxis extendida ( ... ) . Luego, agrega un nuevo elemento, que es la matriz filtrada de initialState.myCities.filter() . En cambio, como .filter() devuelve una matriz que solo contiene los elementos para los que su devolución de llamada devolvió true , puede usar directamente esa matriz como el nuevo valor para myCities:
myCities: initialState.myCities.filter((item) => item.id !== payload.id)