如何使用帶有擴展運算符的現有數組來取消新值？

Question

我試圖通過使用擴展運算符方法unshift現有數組的數組值。 得到錯誤。 任何人幫助我得到正確的方法？

這是我的代碼：

uploadedFiles : [...state.uploadedFiles.unshift( (<fileActions.UploadFileSuccess>action).payload ) ]

得到錯誤：

The Number is not array type

提前致謝。

Answer 1

Array#unshift返回Array#unshift的新長度。

你只需要拿走物品而不擴散。

uploadedFiles: [(<fileActions.UploadFileSuccess>action).payload, ...state.uploadedFiles]

如果你喜歡更新state.uploadedFiles ，你可以unshift提前。

state.uploadedFiles.unshift((<fileActions.UploadFileSuccess>action).payload);

uploadedFiles: [...state.uploadedFiles]

Answer 2

unshift改變數組並返回數組的新長度，這是一個數字，並且不能傳播。 您的代碼歸結為：

 [...state.uploadFiles.length]

現在以不可變和正確的方式執行此操作，不要使用unshift，只需在傳播先前版本之前將元素添加到數組：

 [action.payload, ....state.uploadFiles]