Redux - Redüktördeki diziye nasıl giriş eklenir

Question

Bu bit ile sıkıştım ve ilerleyemiyorum - sanırım çözüm basit ama anlayamıyorum. Ben in veri şey bu olmazdı böylece indirgeyicide giriş eklemek çalışıyorum:

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

Şimdiye kadar bu olsun en yakın olduğunu, ancak bunun yerine yeni benzersiz girdiyi ekleyerek, bu birini yerini alıyor Bu zaten saklanır. Yanlış yapıyorum

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

konusunda fikrin: entryid entryName hatayı önlemek için, henüz var olmayan yerlerde Ayrıca ben boş durumuna bu maddeyi eklemek gerekiyor? Eğer entryName dizinin sonuna bir öğe eklemek için çalışıyorsanız

Answer 1

yaptığınızı edilmelidir:

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] 

Kontrol: dizilerle

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

ES6 yayılmış bu gibi çalışır Yaptığınız şeye çok benzer bir şeye sahip olan this gist.

Bu örnek kümeyi de son derece yararlı buldum. Burada harika Bir sürü:

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

Güncelleme: Yorumunuza söylemek gibi entryNameundefined için başlatılır

, bu yapabilirdi:

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

bence Bu, çok iç içe geçmiş bir veri yapısı kullanılarak React/redux ile çalışmanın ne kadar acı verici olabileceğinin oldukça güzel bir örneğidir. FWIW, eyaletinizi olabildiğince düzleştirmek için birçok kez tavsiye edildi.