reactjs - 从 Redux 数组中删除当前数组元素

Question

这是我的 reducer

const initialState = {
  pros: [''],
}

export const rootReducer = (state = initialState, action) => {
  switch (action.type) {
    case ACTION_ADD_PROS:
      return {
          ...state.pros,
          pros: [...state.pros,  action.payload]
        }

    case ACTION_CHANGE_PROS:
      return update(state, { 
        pros: { 
          [action.index]: {
            $set: action.payload
          }}
      });

    case ACTION_REMOVE_PROS:   

   ???


      return x
    default:
  }
  return state;
};

有人可以帮助我如何从数组中删除当前项目吗？我尝试了很多方法，但我不明白这里的问题是什么，我还使用了react-addons-update来更新存储

Answer 1

我认为Array.prototype.filter将是从数组中删除项目的最简单且可读的解决方案:

return {
  pros: state.filter((item, index) => index !== action.index)
}