从Firestore中获取一次数据并在导航到其他屏幕后重新使用它的方法如下:
collection
和get
方法来获取数据。例如,假设你要获取名为users
的集合中的数据,可以使用以下代码:import { collection, getDocs } from "firebase/firestore";
const getUsers = async () => {
const querySnapshot = await getDocs(collection(db, "users"));
const users = querySnapshot.docs.map((doc) => doc.data());
return users;
};
上述代码中,db
是你初始化的Firestore实例。
useState
)中,或者传递给导航组件。下面是一个示例,展示了如何在React中使用React Navigation来导航并传递数据:
// 屏幕A
import { useNavigation } from "@react-navigation/native";
const ScreenA = () => {
const navigation = useNavigation();
const handleNavigate = async () => {
const users = await getUsers();
navigation.navigate("ScreenB", { users });
};
return (
<Button title="Navigate to Screen B" onPress={handleNavigate} />
);
};
// 屏幕B
import { useRoute } from "@react-navigation/native";
const ScreenB = () => {
const route = useRoute();
const { users } = route.params;
// 使用获取到的数据
// ...
return (
// 展示数据
);
};
在上述示例中,屏幕A通过调用getUsers
方法获取数据,并通过navigation.navigate
方法导航到屏幕B,并将数据作为参数传递。在屏幕B中,通过useRoute
钩子获取传递的参数,并在组件中重新使用数据。
请注意,以上示例中的代码是基于React和React Navigation的,如果你使用的是其他框架或库,你需要根据相应的文档和API进行相应的调整。
推荐的腾讯云相关产品:腾讯云云数据库(TencentDB)和腾讯云云函数(SCF)。
领取专属 10元无门槛券
手把手带您无忧上云