无法从React Redux reducer中的购物车中删除项目

在React Redux中，要从购物车中删除项目，需要进行以下步骤：

首先，确保你的Redux store中有一个购物车的reducer，它负责处理购物车相关的状态。这个reducer应该包含一个初始状态，例如一个空数组，用于存储购物车中的项目。
在你的应用程序中，创建一个action creator函数，用于创建一个删除项目的action。这个函数应该接受一个项目ID作为参数，并返回一个包含type和payload属性的action对象。payload属性可以是项目ID或者其他你认为需要的信息。
在购物车的reducer中，添加一个case语句来处理删除项目的action。在这个case语句中，你可以使用filter方法来过滤掉购物车中与传入的项目ID相匹配的项目。然后返回一个新的购物车状态。
在你的组件中，使用connect函数将购物车的状态和action creator绑定到组件上。这样你就可以在组件中调用这个action creator来触发删除项目的操作。

下面是一个示例代码：

// 购物车的reducer
const cartReducer = (state = [], action) => {
  switch (action.type) {
    case 'REMOVE_ITEM':
      return state.filter(item => item.id !== action.payload);
    default:
      return state;
  }
};

// action creator
const removeItem = (itemId) => {
  return {
    type: 'REMOVE_ITEM',
    payload: itemId
  };
};

// 组件
import React from 'react';
import { connect } from 'react-redux';
import { removeItem } from './actions';

const Cart = ({ cartItems, removeItem }) => {
  return (
    <div>
      <h2>购物车</h2>
      <ul>
        {cartItems.map(item => (
          <li key={item.id}>
            {item.name} <button onClick={() => removeItem(item.id)}>删除</button>
          </li>
        ))}
      </ul>
    </div>
  );
};

const mapStateToProps = state => {
  return {
    cartItems: state.cart
  };
};

const mapDispatchToProps = {
  removeItem
};

export default connect(mapStateToProps, mapDispatchToProps)(Cart);

在这个示例中，我们创建了一个名为REMOVE_ITEM的action类型，用于表示删除项目的操作。在购物车的reducer中，我们使用filter方法来过滤掉与传入的项目ID相匹配的项目。在组件中，我们使用connect函数将购物车的状态和删除项目的action creator绑定到组件上，并在点击删除按钮时调用这个action creator来触发删除项目的操作。

腾讯云相关产品和产品介绍链接地址：