react redux ui 状态更新后不重新渲染

Question

我有一个 json 数组作为日期，我试图在数组中添加一个元素，但我的反应组件没有被重新渲染：

export default function groupReducer(state = initialState , action){
    switch (action.type){
        case 'ADD_GROUP' :
            const newId = state.groups.length + 1;
            const newGroup = [{id : newId , name : action.text},{id : 12,name : 'myname'}];
            state.push(newGroup);
            return state

        default :
            return state;
    }
}

Answer 1

不建议直接在 redux 下改变状态，而是 return 一个新状态并添加新组

试试这个删除 state.push(newGroup) 和 return state

并替换为return { ...state, newGroup }

react redux ui 状态更新后不重新渲染

react redux ui not re-rendering after state get updated

react-redux