React/Redux：状態が2回呼び出されましたか？

Question

新しいtodoをtodos（古典的なもの）に追加することに問題があります。それをReact/Reduxで行います。ここで

がreducer-todos.jsです：

どういうわけかtodosオブジェクトが4なり、ないアレイ[4]：

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

ここで私が得る問題です。なぜこうなった？

追加情報が必要な場合はお知らせください。

Answer 1

何とかtodosオブジェクトはArray [4]ではなく4になります。なぜこうなった？

新しいサイズを返すpushを使用しています。代わりにconcatを使用して、新しい項目を変更せずに新しい配列を返すようにしてください。

ので、この：

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

はなるはずです。

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