Reduxは状態オブジェクトを操作します

Question

私の目標は、マップされた配列の要素をreduxオブジェクトに追加することです。例：

const initialState = { 
    students: [] 
} 
const students = (state = initialState, action) => { 
    switch (action.type) { 
    case 'ALL_STUDENTS': 
     return Object.assign({}, state, { 
     students: action.students 
     }) 
    } 
} 

私の目標は、そのように見えるデータである：

[ 
    {someprop: "", student: {id: "1", name: "Anie"}}, 
    {someprop: "", student: {id: "2", name: "John"}} 
] 

私は小道具としてユーザーオブジェクトを追加する必要がある学生の リストは、私が持っているReduxので

[ 
    {id: "1", name: "Anie"}, 
    {id: "2", name: "John"} 
] 

をJSON Object内のpersonオブジェクトの割り当て。そんなことがあるものか。それを行う最も正しい方法はどれですか？

Answer 1

生徒のリストにmap()メソッドを使用すると、内部の各オブジェクトに新しいプロパティを追加し、オブジェクトと配列のspread構文を使用して新しいプロパティを追加できます。

const initialState = { 
 
    students: [] 
 
} 
 
const students = (state = initialState, action) => { 
 
    switch (action.type) { 
 
    case 'ALL_STUDENTS': 
 
     return { 
 
     ...state, 
 
     students: [...action.payload.map(student => { 
 
      return {someprop: '', student} 
 
     })] 
 
     } 
 
      
 
    default: 
 
     return state; 
 
    } 
 
} 
 

 
var newStudents = { 
 
    type: 'ALL_STUDENTS', 
 
    payload: [{id: "1", name: "Anie"},{id: "2", name: "John"}] 
 
} 
 

 
let state = students(undefined, newStudents); 
 
console.log(state)