javascript - Redux:当从数组中删除特定元素时，它会删除最后一个元素

Question

我尝试使用过滤器函数从“state”中删除一个元素，该函数应该从“state”数组中“action.index”指定的索引处删除该元素。然而，它从“状态”数组中删除了最后一个元素，我似乎无法弄清楚它为什么这样做。

/reducer.js

import {
    ADD_ITEM,
    DELETE_ITEM,
} from './actions';

export default function addItems(state=[], action){
  switch (action.type) {
    case ADD_ITEM:
      return [
        ...state,
        action.item
      ]
    case DELETE_ITEM:
      return state.filter((_, i) => i !== action.index);
    default:
      return state
  }
}

编辑

上面的代码工作正常，这是从数组中删除最后一个元素的另一个文件中的问题。

Answer 1

您可以使用splice代替过滤器，这样可以更精确地删除特定索引处的项目。

return state.splice(action.index,1)

第二个参数“1”表示删除从action.index开始的1个项目。