如何在react中使用where条件选择单个firebase实时数据库数据？

npm install firebase react-firebase-hooks

import firebase from 'firebase';

const firebaseConfig = {
  // 将您的Firebase配置信息放在这里
};

firebase.initializeApp(firebaseConfig);

import React from 'react';
import { useDocument } from 'react-firebase-hooks/firestore';

const MyComponent = () => {
  const [value, loading, error] = useDocument(
    firebase.firestore().collection('your_collection')
      .where('your_field', '==', 'your_value')
      .limit(1)
  );

  if (loading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  if (value) {
    const data = value.docs[0].data();
    // 处理您获取到的数据
    return <div>{/* 显示数据 */}</div>;
  }

  return <div>No data found.</div>;
};

export default MyComponent;