Immutable.js を使用して、オブジェクトにネストされたリストにオブジェクトを追加しようとしています。handleRecieveLeads()
渡されたリードを設定するために、最初の関数を動作させることができました。2 番目の関数handleSaveLeads()
が正しく動作していません。
ログアウトしてこれまでに確認できたのは、その不変リストにプッシュされている新しいアイテムが上書きされていることです。そのため、コンソールにログを記録すると、最後にプッシュされたアイテムのみが表示され、前にあったアイテムは消えています。JS Bin へのリンク: https://jsbin.com/fugajofaxi/edit?js,console
//Initial state
var state = Immutable.Map();
//sample lead
var leads = [{document_id: "L4234234234234",
company_name: "someComp",
date_filed:"083815",
address:"11111 sw 123 ave",
first_name: "john",
last_name: "doe"
},
{document_id: "L11111111",
company_name: "CorpComp",
date_filed:"091919",
address:"22222 sw 456 Ave",
first_name: "jane",
last_name: "doe"
}];
//Adds the new leads to the state
function handleRecieveLeads (state, leads) {
var newState = state.set('leads', Immutable.List(leads));
return console.log(newState.toJS());
}
handleRecieveLeads(state, leads);
//sample lead to save
var saveLeads = [{document_id: "L1919191919",
company_name: "someComp2",
date_filed:"083815",
address:"33333 SW 333rd Ave",
first_name: "dallas",
last_name: "thomas"
}];
//add leads to the savedLeads
function handleSaveLead (state, lead) {
if(!state.savedLeads) {
var newState = state.set('savedLeads', Immutable.List(lead));
return console.log(newState.toJS());
} else {
var newState2 = state.get('savedLeads').push(lead);
return console.log(newState2.toJS());
}
}
//sample lead to save 2
var saveLeads2 = [{document_id: "L16161616",
company_name: "someComp3",
date_filed:"083815",
address:"444444 sw 555 Ave",
first_name: "crystal",
last_name: "mentos"
}];
handleSaveLead(state, saveLeads);
//setting a new initial state
var state2 = Immutable.fromJS({leads:leads, savedLeads: saveLeads});
handleSaveLead(state2, saveLeads2);