首頁猿問如何在不重新加載的情況下更新...

如何在不重新加載的情況下更新 firebase 更改

JavaScript

qq_笑_17 2023-03-24 15:18:26

當(dāng)用戶更改他的個(gè)人資料圖片時(shí)，它不會更新，直到他們重新加載頁面......這是 y 代碼：const handleProfile = async (e: any) => { const file = e.target.files[0] const storageRef = firebase .storage() .ref(`/profile/${user?.id}/${user?.username}`) const task = storageRef.put(file) task.on('state_changed', () => { storage() .ref(`/profile/${user?.id}/${user?.username}`) .getDownloadURL() .then((url) => updateUser({ img: url })) }) }我試過：setTimeOut(() => {location.reload}, 200)但它不起作用

查看完整描述

3 回答

嗶嗶one

TA貢獻(xiàn)1854條經(jīng)驗(yàn) 獲得超8個(gè)贊

就像@Stevenson 建議的那樣，您可能想將所述對象的下載 URL 存儲在 Cloud Firestore 中，并使用 onSnapshot 功能收聽其更新。

反對回復(fù) 2023-03-24

江戶川亂折騰

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超5個(gè)贊

Cloud Storage for Firebase 沒有您在實(shí)時(shí)數(shù)據(jù)庫和 Firestore 中找到的實(shí)時(shí)偵聽器。您不能簡單地安排在存儲中的對象發(fā)生變化時(shí)接收回調(diào)。您必須重新加載頁面才能再次獲取對象，這是有道理的。

您可能會考慮使用其中一種實(shí)時(shí)數(shù)據(jù)庫產(chǎn)品來存儲對對象的更新，并使用該數(shù)據(jù)的偵聽器來了解對象何時(shí)發(fā)生更改。

反對回復(fù) 2023-03-24