javascript - React/Redux - 使用扩展运算符将对象添加到数组的开头

Question

我正在使用 redux reducer 将对象添加到状态数组。这工作正常，但是，对象被添加到数组的末尾。我搜索了高低，但无法弄清楚如何使用这种语法，而不是改变数组并将对象添加到数组的开头。

export default (state = [], action) => {

    switch(action.type) {

    case 'MOVIE_ADDED_TO_WATCHLIST':

            return [
                ...state,
                action.movie
            ];

        }

...****rest of the reducer here****.....

Answer 1

如果要使用展开运算符将项目添加到数组的开头，只需在新值之后使用展开运算符即可。例如:

let a = [1, 2, 3, 4, 5];
let b = [0, ...a];

console.log(a);
console.log(b);

此外，你还可以使用.concat:

var a = [1, 2, 3, 4, 5];
var b = [0].concat(a);

console.log(a);
console.log(b);

您可以查看此 here 的工作示例.