在React中从Firebase请求多个数据的最佳方法是什么

import React, { useState, useEffect } from 'react';
import firebase from 'firebase/app';
import 'firebase/database'; // 或者 'firebase/firestore'

const MyComponent = () => {
  const [data1, setData1] = useState(null);
  const [data2, setData2] = useState(null);

  useEffect(() => {
    // 获取数据1
    const fetchData1 = async () => {
      const snapshot = await firebase.database().ref('path/to/data1').once('value');
      setData1(snapshot.val());
    };

    // 获取数据2
    const fetchData2 = async () => {
      const snapshot = await firebase.database().ref('path/to/data2').once('value');
      setData2(snapshot.val());
    };

    fetchData1();
    fetchData2();
  }, []);

  return (
    <div>
      <h1>Data 1: {data1}</h1>
      <h1>Data 2: {data2}</h1>
    </div>
  );
};

export default MyComponent;