将对象调度到减速器后无法访问存储中的对象属性

Question

目标：从商店中渲染name中的editProductsBasket属性（我使用的是Context API）。

这是我调度动作的方式：

dispatch({
                type: "SET_EDIT_PRODUCTSs",
                item: [
                  {
                    name: productData.name,
                    price: productData.price,
                    description: productData.description,
                    quantity: productData.description,
                  },
                ],
              });

我的reducer将初始状态存储为数组：

export const initialState = {
  editProductBasket: [],
 
};

这是我的案件的结构：

case "SET_EDIT_PRODUCT":
      return {
        ...state,
        editProductBasket: [...state.editProductBasket, ...action.item],
      };

这是我如何解构数组以便可以使用name属性：

function PhoneMockupEdit() {
  const [
    {
      editProductBasket: [{ name }],
    },
    dispatch,
  ] = useStateValue();

return (
    <div className="phone__mockup">
      <h1>{name}</h`>
    </div>
  );

我认为重组数组的方式可能存在问题。有什么想法吗？