React-Native使用Firestore

问题描述

我正在尝试拿一个物品,然后按下心脏图标,然后将其添加到firebase-firestore中的收藏夹中。但是,我在努力理解从firestore的数组中添加,然后再次按下心脏以删除同一项目的逻辑。请有人可以帮助我。我是React-native和Firebase的新手。

到目前为止,这是我设法做到的。我添加了一种获取与当前帖子匹配的用户ID的方法,但是我需要别人的帮助来进行添加和删除,因为我真的迷路了。

import React,{ useState,useEffect,useCallback } from 'react'
import { ScrollView } from 'react-native-gesture-handler'
import firebase from 'firebase'

const Content = (props) => {
    const image = props.navigation.getParam('Image')
    const user = props.navigation.getParam('user')
    const [userName,setName] = useState()
    const [profilePic,setProfilePic] = useState()

    useEffect(() => {
        getUserProfile()
    },[])

    const getUserProfile = async () => {
        await firebase.firestore()
            .collection('Users')
            .where('id','==',user)
            .get()
            .then(snapshots => {
                snapshots.docs.forEach(doc=>{
                    setName(doc.data().fullName)
                    setProfilePic(doc.data().profilePicture)
                })
        })
    }
    return (
        <ScrollView style={styles.background}>
            <StatusBar translucent backgroundColor="transparent"/>
            <Image 
                source={{ uri: image }}
                />
        </ScrollView>
    )
}

export default Content

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...