Как добавить элемент в массив в редукторе React native redux?

Question

Как добавить элементы в мой массив arr [] состояния redux в редукторе? Я делаю this-

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, action.newItem] 
    } 

ИЛИ

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

Answer 2

push не возвращает массив, но длина его (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 
    } 
}