如何使用React访问嵌套的Firebase对象项

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

const YourComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    // 初始化Firebase
    firebase.initializeApp({
      // 在这里添加你的Firebase配置信息
    });

    // 获取嵌套对象项的数据
    const fetchData = async () => {
      const snapshot = await firebase.database().ref('path/to/nested/item').once('value');
      setData(snapshot.val());
    };

    fetchData();
  }, []);

  return (
    <div>
      {/* 在这里使用获取到的数据 */}
      {data && <p>{data.property}</p>}
    </div>
  );
};