接收状态突变错误

Question

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

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()时，我没有收到任何错误，但收到Error: A state mutation was detected between dispatches, in the path座位Seatt.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;
 }
}