Question

在我的react / redux应用程序中有以下操作

3.1.2

这是减速器

export function getSeatingChartConfiguration(team) {
 return function(dispatch) {
  ref.child(team.key).once('value').then(function(snapshot) {
    dispatch(loadSeatingChart(snapshot.val()));
  });
 };
}

export function saveSeatingChartSection(key, sectionData){
 return function(dispatch) {
  ref.child(key).once('value').then(function(snapshot) {
   let data = snapshot.val();
   let sections = data.sections;
   let index = snapshot.val().sections.map( (el) => el.name).indexOf(sectionData.name);
   if(index !== -1) {
    sections[index] = sectionData;
   } else {
    sections.push(sectionData);
   }
   data.sections = sections;
   ref.child(key).update(data, function(error) {
    dispatch(loadSeatingChart(data));
   });
  });
 };
}

调用export default function seatingChart(state = {}, action) { switch(action.type) { case actionTypes.LOAD_SEATING_CHART_CONFIGURATION: return action.seatingChartConfiguration; default: return state; } }但我收到getSeatingChartConfiguration() seatChart.sections.2.points Error: A state mutation was detected between dispatches, in the path我没有收到任何错误我需要在行动或减速器中更改为不要改变国家。

Answer 1

使用Object.assign初始状态以避免状态突变，如下所示，

const initialState = { seatingChartConfiguration: [] }

export default function seatingChart(state = initialState, action) {
 switch(action.type) {

  case actionTypes.LOAD_SEATING_CHART_CONFIGURATION:
   return Object.assign({}, state, { seatingChartConfiguration: action.seatingChartConfiguration });

  default:
   return state;
 }
}

接收状态突变错误

1 个答案: