删除 Redux 中嵌套数组中的匹配 ID

Question

我有一个删除按钮，我设置了一些 static 数据。 在其中我传递了一些ID。 单击按钮时，应删除匹配的 ID。 我的问题是我无法删除任何与其 id 匹配的项目。

Codesandbox 在这里点击这里

case appConstants.DELETE_IMAGE_SUCCESS:
  return {
    ...state,
    products: state.products.map((product) => ({
      ...product,
      productImages: (product.productImages ?? []).filter(
        ({ id }) => !id.includes(action.payload)
      )
    }))
  };

Answer 1

问题在于过滤 function - 你对String.prototype.includes和Array.prototype.includes感到困惑。

正确的方法是在action.payload中检查productImage.id ，反之亦然：

case appConstants.DELETE_IMAGE_SUCCESS:
  return {
    ...state,
    products: state.products.map((product) => ({
      ...product,
      productImages: (product.productImages ?? []).filter(
        ({ id }) => !action.payload.includes(id)
      )
    }))
  };

String.prototype.includes和Array.prototype.includes以类似的方式工作，但有不同的 API - 首先接受string作为参数，其次是Array 。