REDUX:如何从数组中删除相关项？

在Redux中，要从数组中删除相关项，可以使用以下步骤：

获取当前数组的副本：首先，需要获取当前数组的副本，以确保不直接修改原始数据。可以使用Array.from()或扩展运算符[...array]来创建副本。
找到要删除的项的索引：使用Array.findIndex()方法或自定义的查找函数，找到要删除的项在数组中的索引。
从副本数组中删除项：使用Array.splice()方法，传入要删除的项的索引和要删除的项的数量（在这种情况下，数量为1），从副本数组中删除该项。
更新Redux状态：将更新后的副本数组作为新的状态，通过Redux的dispatch方法发送一个action，以更新Redux store中的数组。

以下是一个示例代码，演示如何从Redux数组中删除相关项：

// action types
const DELETE_ITEM = 'DELETE_ITEM';

// action creator
const deleteItem = (updatedArray) => ({
  type: DELETE_ITEM,
  payload: updatedArray,
});

// reducer
const initialState = {
  array: [1, 2, 3, 4, 5],
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case DELETE_ITEM:
      return {
        ...state,
        array: action.payload,
      };
    default:
      return state;
  }
};

// dispatching the action
const deleteItemFromReduxArray = (item) => {
  return (dispatch, getState) => {
    const { array } = getState().reducer;
    const newArray = [...array];
    const index = newArray.findIndex((element) => element === item);
    if (index !== -1) {
      newArray.splice(index, 1);
      dispatch(deleteItem(newArray));
    }
  };
};

在上面的示例中，我们定义了一个Redux store，其中包含一个名为array的数组。我们创建了一个deleteItemFromReduxArray的action creator，它接受要删除的项作为参数。在这个action creator中，我们获取当前的array副本，找到要删除的项的索引，并使用splice()方法从副本数组中删除该项。然后，我们通过调用deleteItem的action creator来更新Redux状态，并将更新后的副本数组作为payload传递给它。最后，我们通过Redux的dispatch方法将该action发送到reducer中，以更新Redux store中的数组。

请注意，这只是一个示例，实际的实现可能会根据具体的应用程序和需求而有所不同。此外，根据具体的场景，可能需要使用其他Redux中间件（如redux-thunk）来处理异步操作或其他复杂逻辑。