React Redux开发问题：向state数组push新元素无响应且无报错如何解决

• 首先你违反了Redux 状态只读 的核心原则：从useSelector获取的categories是Redux store中状态的直接引用，直接调用push方法修改原数组属于非法的直接变更状态操作。Redux通过浅比较引用判断状态是否变化，原数组引用不变的情况下，useSelector不会检测到变更，组件也不会触发重渲染，所以看起来push操作没有生效。
• 第二个核心问题是你的Category Reducer中CREATE_CATEGORY的逻辑只更新了item字段，完全没有修改存储分类列表的items数组，store里的分类列表本身就没有新增数据，哪怕你组件里操作合法也看不到新分类。
• 你提到其他模块用相同逻辑正常工作，大概率是其他模块的CREATE对应的reducer逻辑已经把新元素加到了列表数组中，你在组件里写的push属于多余操作，只是刚好reducer更新触发了重渲染，让你误以为是组件内push的效果。

1. 修改Category Reducer的CREATE_CATEGORY逻辑 #

在reducer中完成新分类的追加，返回全新的数组对象触发状态更新：

const reducer = (state=initialState, action) => {
  switch(action.type) {
    case GET_CATEGORIES:
      return {
        ...state,
        items: action.payload
      }

    case CREATE_CATEGORY:
      return {
        ...state,
        item: action.payload,
        // 新增这行：用展开运算符生成全新数组，不修改原state
        items: [...state.items, action.payload]
      }
    

    default:
        return state;
  }
};

2. 删除组件内非法修改状态的useEffect #

把你写的这段完全多余的代码删掉：

useEffect(() => {
  categories.push(new_category);
}, [new_category])

3. 逻辑验证 #

修改完成后流程会自动符合预期：

• 调用dispatch(createCategory(value))后，reducer自动把返回的新分类追加到items数组中
• useSelector检测到categories引用变化，触发组件重渲染
• 你写的第一个依赖categories的useEffect会自动触发sumTasks，更新总任务数

Redux的所有状态变更都必须在reducer中完成，永远不要直接修改从store获取的状态数据，类似push、pop、splice、直接赋值修改对象属性的操作都是禁止的，所有变更都需要返回全新的状态对象/数组。

内容的提问来源于stack exchange，提问作者Luka Reeson