Me gustaría agregar condicionalmente algo a una matriz usando un operador de propagación si coincide con una condición particular (es decir, si la identificación de la película no coincide con otras identificaciones de películas que ya existen en mi matriz)
case ADD_FAVORITE: return { ...state, favorites: [ state.favorites !== action.payload.id? ...state.favorites, action.payload] }Esto es lo que he probado
la carga útil de la acción devuelve algo como esto
{id: 0, title: 'The Godfather', director: 'Francis Ford Coppola', metascore: 100, genre: 'Drama', …}y dentro de state.favorites:
description: "Luke Skywalker joins forces with a Jedi Knight, a cocky pilot, a Wookiee and two droids to save the galaxy from the Empire's world-destroying battle station, while also attempting to rescue Princess Leia from the mysterious Darth Vader." director: "George Lucas" genre: "Scifi" id: 1 metascore: 92 title: "Star Wars" [[Prototype]]: ObjectHaría la verificación antes de la return , ya que no necesita actualizar state si nada cambia:
case ADD_FAVORITE: if (state.favorites.some(({id}) => id === action.payload.id)) { // It's already there, we don't need to modify state at all return state; } return {...state, favorites: [...state.favorites, action.payload]};Si desea actualizar el estado aunque nada cambie, simplemente hágalo en la rama:
case ADD_FAVORITE: if (state.favorites.some(({id}) => id === action.payload.id)) { // It's already there, we don't need to modify state at all return {...state}; } return {...state, favorites: [...state.favorites, action.payload]};o
case ADD_FAVORITE: let favorites = state.favorites; if (!favorites.some(({id}) => id === action.payload.id)) { // Don't have it, add it favorites = [...favorites, action.payload]; } return {...state, favorites};(Nuevamente, si desea devolver un nuevo objeto de estado incluso cuando nada cambia).