Redux - Cách thêm mục nhập vào mảng trong bộ giảm số

Question

Tôi bị kẹt với bit này và tôi không thể tiến triển - tôi đoán giải pháp rất đơn giản nhưng tôi không thể tìm ra. Tôi đang cố gắng để thêm mục trong giảm tốc để dữ liệu ở trong sẽ giống này:

state = { 
    entryId: { 
    entryName: ["something", "something2", "something3" /* and so on... */] 
    } 
}; 

Cho đến nay đây là gần nhất tôi nhận được, nhưng, thay vì thêm entry độc đáo mới, nó được thay thế một trong những đã được lưu trữ rồi. Ngoài ra tôi cần để có thể thêm mặt hàng này vào trạng thái trống rỗng nơi entryId, entryName chưa hề tồn tại để tránh lỗi:

switch(type) { 
    case ADD_ENTRY: 
    return { 
     ...state, 
     [entryId]: { 
     ...state[entryId], 
     [entryName]: { 
      [uniqueEntry]: true 
     } 
     } 
    }; 
} 

Bất kỳ ý tưởng những gì tôi đang làm sai?

Answer 1

Nếu bạn đang cố gắng để thêm một phần tử vào cuối của mảng entryName bạn nên làm:

return { 
    ...state, 
    [entryId]: { 
    ...state[entryId], 
    [entryName]: [ 
     ...state[entryId][entryName], 
     uniqueEntry 
    ] 
    } 
}; 

ES6 lây lan với mảng hoạt động như sau:

const array1 = [1, 2, 3]; 
const array2 = [4, 5, 6]; 
const eight = 8; 

const newArray = ['stuff', ...array1, 'things', ...array2, ...[7, eight], 9]; 
console.log(newArray); // ["stuff", 1, 2, 3, "things", 4, 5, 6, 7, 8, 9] 

Kiểm tra ra this gist có ví dụ về điều gì đó rất giống với những gì bạn đang làm.

Tôi cũng thấy tập hợp các ví dụ này cực kỳ hữu ích. Rất nhiều công cụ tuyệt vời ở đây:

https://github.com/sebmarkbage/ecmascript-rest-spread

Cập nhật:

Nếu entryName được khởi tạo để undefined như bạn nói trong bình luận của bạn, bạn có thể làm điều này:

return { 
    ...state, 
    [entryId]: { 
    ...state[entryId], 
    [entryName]: [ 
     ...state[entryId][entryName] || [], 
     uniqueEntry 
    ] 
    } 
}; 

Tôi nghĩ đây là một ví dụ khá tuyệt về việc nó có thể hoạt động như thế nào với React/redux bằng cách sử dụng cấu trúc dữ liệu lồng nhau. FWIW, nó được đề nghị với tôi nhiều lần để san bằng trạng thái của bạn càng nhiều càng tốt.