如何使用ES6更新react-redux中的列表项列表项？

Question

我必须使用ES6功能来更新react-redux项目中的单个项目。 我的减速器是这样的： -

var initialState={ 
    data: [], 
    updatedData={} 
} 
function labResultReducer(state =initialState, action) { 
switch (action.type) { 
    case "GET_DATA: 
     return Object.assign({}, state, { 
     data: action.data 
     }); 
    case "UPDATE_DATA": 
     {(//......how to update the record 
     }); 
    default: 
    return state 
} 

这里updatedData是更新的对象从动作返回。

在Switch case“UPDATE_DATA” 如何将新对象分配给列表？我不想改变 的状态，我在我们的项目中使用ES6。请帮助我

。

Answer 1

您可以使用传播运营商基于行动的有效载荷更新嵌套的状态数据：

case "UPDATE_DATA": 
     return {...state, 
      updateData: { 
       ...state.updateData, 
       [action.updatedDataId]: action.updatedData 
      } 
     }