如何让Firestore数据显示在标签中

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

const MyComponent = () => {
  const [data, setData] = useState('');

  useEffect(() => {
    // 初始化和配置Firestore
    firebase.initializeApp({
      // 配置信息
    });

    // 获取Firestore实例
    const db = firebase.firestore();

    // 获取数据
    const fetchData = async () => {
      const docRef = db.collection('yourCollection').doc('yourDocument');
      const doc = await docRef.get();
      if (doc.exists) {
        setData(doc.data().yourField);
      }
    };

    fetchData();
  }, []);

  return <div>{data}</div>;
};

export default MyComponent;