Wie füge ich dem Reducer von Redact native redux ein Element hinzu?

Wie füge ich Elemente in meinem array arr[] mit der redux-Zustand in reducer?
Ich bin dabei-

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
    }
}

InformationsquelleAutor der Frage coderzzz18 | 2016-12-01

  1. 140

    Zwei verschiedene Optionen zum hinzufügen von Element zu einem array ohne mutation

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

    ODER

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

    InformationsquelleAutor der Antwort free-soul

  2. 14

    push nicht das array, sondern die Länge des es (docs), also, was Sie tun, ist ersetzen Sie das array mit der Länge zu verlieren die einzige Referenz, die Sie hatte. Versuchen Sie dies:

    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
     }
}

    InformationsquelleAutor der Antwort martinarroyo

  3. 2

    Wenn Sie brauchen, um einen insert in eine bestimmte position in dem array, können Sie dies tun:

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

    InformationsquelleAutor der Antwort JoeTidee

Schreibe einen Kommentar