React/Redux：状态调用了两次？ （连接（），而不是推（））

Question

我在将新的todo 添加到经典的todos 时遇到问题。在 React/Redux 上进行。

这里是reducer-todos.js：

export default function (state=[
    {
        id: 0,
        todo: "Study English"
    },
    {
        id: 1,
        todo: "Run sprint"
    },
    {
        id: 2,
        todo: "Call Bob"
    }], action) {
    switch(action.type) {
        case "ADD_TODO":
            return state.push({id: state.length, todo: action.todo});
            break;
    }
    return state;
}

这是我得到的问题：

不知何故，todos 对象变成了4，而不是 Array[4]。为什么会这样？

如果需要更多信息，请告诉我。

Answer 1

不知何故 todos 对象变成了 4，而不是 Array[4]。为什么会这样？

您正在使用push，它将返回其新大小。改用concat，它将返回一个新数组，其中添加了您的新项目而不会发生变异。

所以这个：

return state.push({id: state.length, todo: action.todo});

应该变成：

return state.concat({id: state.length, todo: action.todo});