Array-Element durch ein anderes ersetzen, ohne den Status zu ändern

So sieht ein Beispiel für meinen Zustand aus:

const INITIAL_STATE = {
 contents: [ {}, {}, {}, etc.. ],
 meta: {}
}

Ich muss in der Lage sein und irgendwie ein Element innerhalb des Inhalts-Arrays ersetzen, wenn ich seinen Index kenne. Ich habe versucht:

      return {
        ...state,
        contents: [
          ...state.contents[action.meta.index],
          {
            content_type: 7,
            content_body: {
              album_artwork_url: action.payload.data.album.images[1].url,
              preview_url: action.payload.data.preview_url,
              title: action.payload.data.name,
              subtitle: action.payload.data.artists[0].name,
              spotify_link: action.payload.data.external_urls.spotify
            }
          }
        ]
      }

woaction.meta.index ist der Index des Array-Elements, das ich durch ein anderes Inhaltsobjekt ersetzen möchte, aber ich glaube, dies ersetzt nur das gesamte Array für dieses eine Objekt, das ich übergebe. Ich dachte auch an die Verwendung von.splice() aber das würde nur das Array mutieren?

Antworten auf die Frage(6)

Ihre Antwort auf die Frage