React Reducer返回帶有狀態的數組的正確方法

Question

我在動作創建者和redux-promise中間件中使用axios將對象數組返回到組件的render方法中的map函數。 在ES6擴展中使用第一個return語句時，我在數組中得到一個數組。 我如何正確遍歷此數組？ 我會在化簡器中使用map嗎？ 第二個return語句起作用。 我不清楚為什么我不想只返回數組。 謝謝！！

const INITIAL_STATE = [];

export default function (state = INITIAL_STATE, action) {
    switch (action.type) {
        case GET_TICKET:
            return [action.payload.data, ...state];
            return action.payload.data;
        default:
            return state;
    }
}

Answer 1

你可以按照這種格式

const INITIAL_STATE = { data : [] };

export default function (state = INITIAL_STATE, action) {
    switch (action.type) {
        case GET_TICKET:
            return {...state, data: action.payload.data};
        default:
            return state;
    }
}

Answer 2

有兩種將兩個數組合並為一個數組的主要方法：

const newArray = [...firstArray, ...secondArray];
// or
const newArray = firstArray.concat(secondArray);

這些都將適合您的情況，例如：

return state.concat(action.payload.data);