如何更新减速器的状态？

Question

我想在执行 ACTIVITIES_SEND_SUCCESS 时通过将新数据附加到对象活动数据的末尾来更新活动数据的状态。

ActivityReducer.js

import {
  ACTIVITIES_FETCH_SUCCESS,
  ACTIVITIES_SEND_SUCCESS,
  SUBACTIVITY_SEND_SUCCESS
} from '../actions/types';

const INITIAL_STATE = { activitiesData: {}, activityCreated: {}, listActivity: {} };

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case ACTIVITIES_FETCH_SUCCESS:
      return { ...state, activitiesData: action.payload };
    case ACTIVITIES_SEND_SUCCESS:
      return { ...state, activityCreated: action.payload };
      case SUBACTIVITY_SEND_SUCCESS:
      return { ...state, listActivity: action.payload };
    default:
      return state;
  }
};

Answer 1

您可以使用spread operator syntax like 追加数据

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case ACTIVITIES_FETCH_SUCCESS:
      return { ...state, activitiesData: action.payload };
    case ACTIVITIES_SEND_SUCCESS:
      return { ...state, activityCreated: action.payload, activitiesData: {...state.activitesData, ...action.payload }  };
      case SUBACTIVITY_SEND_SUCCESS:
      return { ...state, listActivity: action.payload};
    default:
      return state;
  }
};