Javascript 如何通过react从firestore检索简单文档
我使用的是fallowing代码,但它列出了firestore中的每个文档,我应该做哪些修改以只列出一个文档,例如id为gNfFy0uEsk5OvrZOfkGm的文档Javascript 如何通过react从firestore检索简单文档,javascript,reactjs,firebase,google-cloud-firestore,Javascript,Reactjs,Firebase,Google Cloud Firestore,我使用的是fallowing代码,但它列出了firestore中的每个文档,我应该做哪些修改以只列出一个文档,例如id为gNfFy0uEsk5OvrZOfkGm的文档 import React, {useState,useEffect} from 'react' import firebase from '../config/Fire' function useTimes(){ const [kullanici,setTimes] = useState([]) useEffe
import React, {useState,useEffect} from 'react'
import firebase from '../config/Fire'
function useTimes(){
const [kullanici,setTimes] = useState([])
useEffect(()=>{
firebase
.firestore()
.collection('kullanici')
.onSnapshot((snapshot)=>{
const newTimes =snapshot.docs.map((doc)=>({
id: doc.id,
...doc.data()
}))
setTimes(newTimes)
})
},[])
return kullanici
}
const Main = () => {
const kullanici =useTimes()
return(
<div>
{kullanici.map((kullanici)=>
<li key={kullanici.id}>
<div>kullanıcı:{kullanici.nick}\nid:{kullanici.id}</div>
</li>
)}
</div>
)}
export default Main
import React,{useState,useffect}来自“React”
从“../config/Fire”导入firebase
函数useTimes(){
const[kullanici,setTimes]=useState([])
useffect(()=>{
火基
.firestore()
.集合(“kullanici”)
.onSnapshot((快照)=>{
const newTimes=snapshot.docs.map((doc)=>({
id:doc.id,
…文件数据()
}))
设置时间(新时间)
})
},[])
返回库拉尼奇
}
常量Main=()=>{
const kullanici=useTimes()
返回(
{kullanici.map((kullanici)=>
kullanıcı:{kullanici.nick}\nid:{kullanici.id}
)}
)}
导出默认主
像这样的东西应该可以做到:
firebase
.firestore()
.collection('kullanici')
.doc('gNfFy0uEsk5OvrZOfkGm')
.onSnapshot((doc)=>{
const newTimes = doc.data()
setTimes(newTimes)
})
我建议您在上查看Firebase文档,因为这里已经很好地介绍了这一点