React JS:如何在查询参数中传递来自firebase的数组？

import { BrowserRouter as Router, Route, Link, useLocation } from 'react-router-dom';
import firebase from 'firebase/app';
import 'firebase/firestore';

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

const firestore = firebase.firestore();

function QueryParamComponent() {
  const location = useLocation();
  const queryParams = new URLSearchParams(location.search);
  const arrayId = queryParams.get('arrayId');

  // 使用获取到的arrayId从Firebase获取数组数据
  // 这里假设你的数组存储在Firestore的一个集合中
  useEffect(() => {
    firestore.collection('yourCollection').doc(arrayId).get()
      .then((doc) => {
        if (doc.exists) {
          const dataArray = doc.data().yourArrayField;
          // 在这里处理获取到的数组数据
        } else {
          // 处理文档不存在的情况
        }
      })
      .catch((error) => {
        // 处理获取数据时的错误
      });
  }, [arrayId]);

  return (
    // 在这里渲染组件的内容
  );
}

function App() {
  return (
    <Router>
      <Route path="/" component={QueryParamComponent} />
    </Router>
  );
}