React Native Reduxのリデューサーで配列に要素を追加するにはどうすればよいですか? 質問する

React Native Reduxのリデューサーで配列に要素を追加するにはどうすればよいですか? 質問する

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

ベストアンサー1

変更せずに配列に項目を追加する2つの異なるオプション

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

または

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

おすすめ記事