アレイからのReact/Reduxマルチパスアップデート

Question

私はfirebaseにプッシュする必要があるオブジェクトの配列を持っています。各オブジェクトには独自のプッシュキーが必要です。私がこれを達成するための唯一の方法は、配列上のマップで、個々のオブジェクトプッシュを処理するreduxアクションに各オブジェクトを渡すことです。私はこれを行う最良の方法ではないことを知っており、これが他にどのように達成できるのだろうと思っていましたか？

firebase.database（）。ref（）。update（）に渡す更新オブジェクトを作成するために、配列をアクションに渡そうとすると、単純なオブジェクトしか受け付けられないというエラーが表示されます。配列をオブジェクトに変換する必要があるかどうか。

const arr = [{0: "x", 1:"y"}, {0:"a", 1: "b"}] 
 
this.props.action(arr)// throws error "Actions must be plain objects"

このことはできませんか？代わりに私は約束を使用すべきですか？

私はこれに答えがあると確信していますが、私はそれを見つけることができないので、どんな方向にも大いに感謝します！ありがとう！

以下は、私はそれを考え出したfirebaseデータのためのスクリーンショットと私の配列データ[OK]をFirebase Data Array Data

Answer 1

です。

//action (passed attendingMarkets array) 
 
export const vendorTest = (vendorUid, attendingMarkets) => { 
 
\t var updates = {}; 
 

 
\t attendingMarkets.map((map, idx) => { 
 
\t \t const date = map.date; 
 
\t \t const market = map.market; 
 
\t \t var newMarketKey = firebase 
 
\t \t \t .database() 
 
\t \t \t .ref() 
 
\t \t \t .child("/vendors/" + vendorUid + "/markets") 
 
\t \t \t .push().key; 
 
\t \t updates["/vendors/" + vendorUid + "/markets/" + newMarketKey] = { 
 
\t \t \t date, 
 
\t \t \t market 
 
\t \t }; 
 
\t }); 
 
\t return dispatch => { 
 
\t \t firebase 
 
\t \t \t .database() 
 
\t \t \t .ref() 
 
\t \t \t .update(updates) 
 
\t \t \t .then(() => { 
 
\t \t \t \t dispatch({ type: VENDOR_ADD_MARKETS }); 
 
\t \t \t }); 
 
\t }; 
 
};