javascript - 数组上的 redux reducer 扩展运算符不替换旧状态

Question

在我的 redux reducer 中，我更新了专辑列表两次。我希望第二个列表覆盖提供的第一个列表，但是，这不起作用，并且专辑第二次调用都会添加到第一次调用中。

我对下面的展开运算符是否有什么做得不正确的地方？请参阅下面我的 reducer 。

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

    switch(action.type) {

    case 'GET_ALBUM_NAME_SUCCESS':

        return [
            ...state,
            ...action.albums.map(album => {
                const newAlbum = {...album};
                delete(newAlbum.selections);
                return newAlbum;
            })
        ];

    default:

        return state;
}

Answer 1

如果您想向状态添加值，则不需要对要添加的值使用展开运算符，

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

    switch(action.type) {

    case 'GET_ALBUM_NAME_SUCCESS':

        return [
            ...state,
            action.albums.map(album => {
                const newAlbum = {...album};
                delete newAlbum.selections;
                return newAlbum;
            })
        ];

    default:

        return state;
}

但是，如果您只想覆盖以前的状态，则根本不需要展开运算符。

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

    switch(action.type) {

    case 'GET_ALBUM_NAME_SUCCESS':

        return [
            action.albums.map(album => {
                const newAlbum = {...album};
                delete newAlbum.selections;
                return newAlbum;
            })
        ];

    default:

        return state;
}