我正在构建一个带有Firebase后端的Reaction应用程序,我陷入了在多个步骤中提取数据的困境,在这些步骤中,我使用第一个获取的数据作为第二个获取的数据的参数.
以下是我的代码:
// GET DATA FROM FIRESTORE
const { getQrCode, getBranch } = DatabaseService();
这就是我获取第一个数据的方式.在这个案子里我有身份证.
// GET QR CODE
const fetchQRCode = async () => {
const data = await getQrCode(id); //I have this ID
setBranchQr(data);
};
这是我需要使用第一次获取的数据进行的第二次获取:
// GET BRANCH DATA
const fetchBranchData = async () => {
const data = await getBranch(branchQr.branchId); //I get this from the first fetch
setBranchData(data);
console.log(data)
};
以下是使用效果:
useEffect(() => {
fetchQRCode();
fetchBranchData();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
useEffect(() => {}, [branchQr, branchData]);