2017-02-09 1 views
0

Ich versuche, den Zustand eines Artikels im Laden zu aktualisieren.React - Update Array in Reducer Füllen mit Objekten

Dies funktioniert, aber es gibt nicht den Zustand in dem Format, das ich suche.

Der Staat sieht wie folgt aus:

state : { 
    watchList: [ 
     { 
     movie: { 
      'name' : 'Batman' 
     } 
     } 
    ] 
} 

aber ich habe versucht, meinem Zustand wie folgt aussehen (das heißt nicht haben ein anderes Objekt innerhalb des ersten Objekts, sondern nur ein Array von Objekten) zu machen.

state : { 

    watchList: [{'name' : 'Batman'}. {'name': 'Superman'}] 

} 

Mein Minderer sieht wie folgt aus:

export default (state = [], action) => { 

    switch(action.type) { 

    case 'MOVIE_ADDED_TO_LIST': 
     return [ 
      ...state, 
      { 
       movie: movie.event 
      } 
     ]; 

    default: 
     return state; 
    } 

}; 

und meine Aktion sieht wie folgt aus:

export const addMovieToList = (movie) => { 

    return { 
     type: 'MOVIE_ADDED_TO_LIST', 
     movie 
    }; 

}; 

Und hier ist, wie ich stateToProps bin abbildet.

function mapStateToProps(state, props) { 

    return { 

     WatchListEvents: state.watchList 

    } 

} 

export default connect(mapStateToProps)(WatchList); 

Antwort

1
export default (state = [], action) => { 

    switch(action.type) { 

    case 'MOVIE_ADDED_TO_LIST': 
     return [ 
      ...state, 
      movie.event 
     ]; 

    default: 
     return state; 
    } 

}; 
Verwandte Themen