如何在React原生redux的减速机中将元素添加到数组？

Question

如何在我的数组中添加元素arr[]的redux状态在减速机中？我正在这样做-

import {ADD_ITEM} from '../Actions/UserActions'
const initialUserState = {
    arr:[]
}

export default function userState(state = initialUserState, action)
{
    console.log(arr);
    switch (action.type)
    {
        case ADD_ITEM: 
            return { 
                      ...state,
                      arr: state.arr.push([action.newItem])
                   }

        default:
            return state
    }
}

Answer 1

如果需要插入阵列中的特定位置，可以执行以下操作：

case ADD_ITEM :
    return { 
        ...state,
        arr: [
            ...state.arr.slice(0, action.pos),
            action.newItem,
            ...state.arr.slice(action.pos),
        ],
    }

Answer 2

推送不返回数组，而是返回数组的长度（docs），因此您要做的是用数组的长度替换数组，丢失对它的唯一引用。试试这个：

import {ADD_ITEM} from '../Actions/UserActions'
const initialUserState = {

    arr:[]
}

export default function userState(state = initialUserState, action){
     console.log(arr);
     switch (action.type){
        case ADD_ITEM :
          return { 
             ...state,
             arr:[...state.arr, action.newItem]
        }

        default:return state
     }
}

Answer 3

两种不同的选项可以将项添加到数组中而不发生突变

case ADD_ITEM :
    return { 
        ...state,
        arr: [...state.arr, action.newItem]
    }

或

case ADD_ITEM :
    return { 
        ...state,
        arr: state.arr.concat(action.newItem)
    }