Aktualisieren Array-Objekt in React Redux Reducer

Question

Dies sollte einfach sein, aber ich finde nicht die einfache Antwort, die ich will. Ich habe einen Druckminderer:

const posts = (state = null, action) => { 
    switch(action.type){ 
    case "PUBLISH_POST": 
     return state; 
    case "UNPUBLISH_POST": 
     return state; 
    default: 
     return postList; 
    } 
} 

Ich habe eine Liste der Beiträge mit ID ‚s und einem status. Ich sende meine Post-ID ein, kann aber die Logik nicht herausfinden, um einfach status von 0 auf 1 für das Element, auf das geklickt wurde, zu aktualisieren. Ich habe viele Halb-Lösungen gefunden, aber sie scheinen alle ausführlich und hässlich zu sein - was ist der kürzeste/beste Weg, um es in diesem Fall zu erreichen?

Beispieldaten:

{ 
    id:1, 
    user:"Bob Smith", 
    content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vulputate mauris vitae diam euismod convallis. Donec dui est, suscipit at dui vitae, sagittis efficitur turpis. ", 
    status:1 
} 

Answer 1

Ihre action Unter der Annahme, sind so etwas wie:

{ 
    type: 'UNPUBLISH_POST', 
    payload: { 
    id: 1, 
    user: 'Bob Smith', 
    content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vulputate mauris vitae diam euismod convallis. Donec dui est, suscipit at dui vitae, sagittis efficitur turpis. ', 
    status: 1 
    } 
} 

einfach spread operator dafür verwenden:

const posts = (state = null, action) => { 
    switch(action.type){ 
    case "PUBLISH_POST": 
    case "UNPUBLISH_POST": 
     const index = this.state.findIndex(post => post.id === action.payload.id) 

     return [ 
      ...state.slice(0, index), // everything before current post 
      { 
       ...state[index], 
       status: action.type === 'PUBLISH_POST' ? 1 : 0, 
      }, 
      ...state.slice(index + 1), // everything after current post 
     ] 
    default: 
     return postList; 
    } 
} 

Answer 2

Eine allgemeine Lösung, vor allem, wenn Zustand enthält andere Daten neben Ihrem posts Array: