使用firestore和react本机添加/更新集合中的数组

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

firebase.initializeApp({
  // 配置你的Firebase项目信息
});

const db = firebase.firestore();

const [arrayData, setArrayData] = useState([]);

const addArrayElement = async () => {
  try {
    const newArrayData = [...arrayData, 'new element'];
    await db.collection('collectionName').doc('documentId').update({
      arrayField: newArrayData,
    });
    setArrayData(newArrayData);
  } catch (error) {
    console.error('Error adding array element: ', error);
  }
};

const updateArrayElement = async (index, newValue) => {
  try {
    const newArrayData = [...arrayData];
    newArrayData[index] = newValue;
    await db.collection('collectionName').doc('documentId').update({
      arrayField: newArrayData,
    });
    setArrayData(newArrayData);
  } catch (error) {
    console.error('Error updating array element: ', error);
  }
};

<button onClick={addArrayElement}>添加数组元素</button>
<button onClick={() => updateArrayElement(0, 'updated value')}>更新数组元素</button>