Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过react从firestore检索简单文档_Javascript_Reactjs_Firebase_Google Cloud Firestore - Fatal编程技术网

Javascript 如何通过react从firestore检索简单文档

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

我使用的是fallowing代码,但它列出了firestore中的每个文档,我应该做哪些修改以只列出一个文档,例如id为gNfFy0uEsk5OvrZOfkGm的文档

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文档,因为这里已经很好地介绍了这一点