在reducer(redux)中使用拼接

我正在用React和Redux构建我的第一个应用程序。我正在尝试使用拼接从我的reducer中的数组中删除项目。

这是我的状态:

  favourite: { recipes: [], wines: [], products: [] }

这是我的动作:

  if (action.type === "REMOVE_RECIPE_FROM_FAV") {
    let favourite = state.favourite;
    favourite.recipes.splice(action.data, 1);
    return {
      ...state,
      favourite: favourite,
    };
  }

当我console.log最喜欢的时候,我可以看到我正在删除项目,但是我的组件没有更新。

请你帮助我好吗?