react native中from列表中的firebase firestore中的数据不会呈现

import React, { useEffect, useState } from 'react';
import { FlatList, Text, View } from 'react-native';
import firebase from '@react-native-firebase/app';
import '@react-native-firebase/firestore';

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

  useEffect(() => {
    const unsubscribe = firebase.firestore().collection('yourCollection').onSnapshot(snapshot => {
      const data = snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));
      setData(data);
    });

    return () => unsubscribe();
  }, []);

  return (
    <FlatList
      data={data}
      keyExtractor={item => item.id}
      renderItem={({ item }) => (
        <View>
          <Text>{item.yourField}</Text>
        </View>
      )}
    />
  );
};

export default MyComponent;

useEffect(() => {
  const unsubscribe = firebase.firestore().collection('yourCollection').onSnapshot(
    snapshot => {
      const data = snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));
      setData(data);
    },
    error => {
      console.error("Error fetching data: ", error);
    }
  );

  return () => unsubscribe();
}, []);