Firestore React 通過 URL 獲取文檔

Question

我對可以與 firestore 一起使用的操作有疑問

我有一個顯示文檔列表的表格。 （網址<\/strong>：本地主機\/儀表板\/用戶<\/em>）

當我單擊列表中的文檔時，我想被重定向到詳細信息頁面。 （網址<\/strong>：localhost\/dashboard\/user\/1<\/em> ）

除了使用 firestore 之外，我的 url 以這種形式表示：（ url<\/strong> : localhost\/dashboard\/user\/MuVsCLALiQPZuxnV3yyQ<\/em> ）

如何獲得帶有“干凈” URL 的詳細信息頁面。

知道我希望能夠通過瀏覽完整的 url 而不必瀏覽列表來顯示用戶的詳細信息

Answer 1

如果“干凈”是指整數或更短的 UID，那么您可以在用戶的​​ Firestore 文檔中存儲一個字段，例如{shortUid: 1}<\/code> （或首先將該短 UID 設置為文檔 ID），然后根據 ID 進行查詢：

const userId = getIdFromURL();

const user = await getDocs(collection(db, "users"), where("shortUid", "==", userId))