React / Redux - 使用spread运算符添加对象以启动数组

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

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

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

你可以在这里看到一个有效的例子。