Rumah > Artikel > hujung hadapan web > Bagaimana untuk Mengemas kini Item Tunggal dalam Medan Tatasusunan dalam Firestore?
Mengemas kini Item Tunggal dalam Medan Tatasusunan dalam Firestore
Dokumentasi FirebaseFirestore menerangkan cara untuk berinteraksi dengan medan tatasusunan, termasuk menambah atau mengalih keluar elemen. Walau bagaimanapun, ia tidak mempunyai kaedah untuk mengemas kini terus item dalam tatasusunan.
Untuk dokumen seperti:
{ name: 'Foo', items: [ { name: 'Bar', meta: { image: 'xyz.png', description: 'hello world' } }, { name: 'Rawr', meta: { image: 'abc.png', description: 'hello tom' } } ] }
Untuk mengubah suai sifat bersarang seperti item[0].meta.description, pendekatan berikut tidak akan berfungsi:
const key = `items.${this.state.index}.meta.description`; const property = `hello bar`; this.design.update({ [key]: property }).then(() => { console.log("done") }).catch(function(error) { message.error(error.message); });
Ia mengalih keluar semua sifat dalam indeks tatasusunan yang disasarkan dan hanya menyimpan perihalan harta.
Menulis semula keseluruhan objek juga tidak diingini:
const key = `items.${this.state.index}.meta`; const property = e.target.value; let meta = this.state.meta; meta[e.target.id] = property; this.design.update({ [key]: meta }).then(() => { this.setState({ [key]: meta }) }).catch(function(error) { message.error(error.message); });
Ia menukarkan keseluruhan tatasusunan item kepada objek.
Sebaliknya, baca tatasusunan daripada dokumen, buat perubahan dalam memori dan kemas kini keseluruhan medan tatasusunan yang diubah suai:
const docRef = firestore.collection('collection').doc('document'); docRef.get().then(doc => { const items = doc.data().items; items[0].meta.description = "hello bar"; docRef.update({ items: items }); });
Ini memastikan hanya sifat yang dimaksudkan dikemas kini dalam elemen tatasusunan.
Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Item Tunggal dalam Medan Tatasusunan dalam Firestore?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!