如何使用react Web API更新firebase中的多个文档

import firebase from 'firebase/app';
import 'firebase/firestore';
import React, { useEffect } from 'react';

const updateMultipleDocuments = async () => {
  try {
    const db = firebase.firestore();
    const batch = db.batch();

    // 创建一个数组来存储要更新的文档的引用和数据
    const documentsToUpdate = [
      { docRef: db.collection('collection1').doc('doc1'), data: { field1: 'value1' } },
      { docRef: db.collection('collection2').doc('doc2'), data: { field2: 'value2' } },
      // 添加更多的文档引用和数据
    ];

    // 遍历数组并将更新操作添加到批处理中
    documentsToUpdate.forEach(({ docRef, data }) => {
      batch.update(docRef, data);
    });

    // 提交批处理操作
    await batch.commit();
    console.log('多个文档更新成功');
  } catch (error) {
    console.error('多个文档更新失败', error);
  }
};

useEffect(() => {
  updateMultipleDocuments();
}, []);