React-Native更新用户名问题

迪尔汉·巴加特(Dilhan Bhagat)

我正在尝试从firebase-firestore获取用户名和个人资料图片。但是,当我更新状态并尝试输入新值时,它会一直回到旧值。

我基本上是让用户按下编辑个人资料并更改其用户名。由于userName状态的原因,当前用户名显示在文本字段中,但不允许我对其进行更新。它一直在重置。我敢肯定这是一个小的简单解决方案

import React,{useState, useEffect} from 'react'
import {Input} from 'react-native-elements'
import {useSelector} from 'react-redux'
import firebase from 'firebase'

const EditProfile = () => {
    const [uid, setUId] = useState()
    const [userName, setName] = useState()
    const [loading, setLoading] = useState(false)

    const profile = useSelector(state => state.User.uniqueId)

    useEffect(() => {
        setLoading(true)
        getUserProfile()

    })

    const getUserProfile = async () => {
        setUId(profile)
        try {
            firebase.firestore()
                .collection('Users')
                .doc(uid)
                .onSnapshot(doc => {
                    setName(doc.data().fullName)
                })
        } catch (err) {
            setLoading(true)
        }
    }
    return (
        <View style={styles.container}>
            <View>
                <Input
                    label='Name'
                    value={userName}
                    onChangeText={text => setName(text)}
                />
            </View>
        </View>
    )
}

export default EditProfile

请你帮我一下。我真的很感激。提前谢谢你

马特·阿夫特

这将使其在每次重新渲染时获取并更新:

    useEffect(() => {
        setLoading(true)
        getUserProfile()

    })

如果只希望在安装时发生这种情况,请提供一个空的dep数组:

    useEffect(() => {
        setLoading(true)
        getUserProfile()

    }, [])

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Mysql更新用户名

来自分类Dev

检查重复的用户名阻止更新用户

来自分类Dev

无法在 wordpress 中更新用户名

来自分类Dev

{React Native} Firebase-在导航之前更新用户值仅在软刷新后才能起作用

来自分类Dev

如何在 React Native 中显示 Facebook 用户名?

来自分类Dev

Django表单:在不更改用户名的情况下更新用户的属性

来自分类Dev

更新用户详细信息jQuery模式时检查唯一的用户名

来自分类Dev

在React中更新用户配置文件信息客户端

来自分类Dev

如何检查新用户名是否是系统用户?

来自分类Dev

Rails 4,Devise-无法从Rails控制台更新用户名

来自分类Dev

Symfony FOS编辑/更新用户名/电子邮件

来自分类Dev

更新用户名后不重新呈现个人资料页面

来自分类Dev

在配置文件页面上更新用户名后,数据库中的用户名已更改,但页面上的旧用户名

来自分类常见问题

正则表达式以在React Native中验证用户名

来自分类Dev

正则表达式以在React Native中验证用户名

来自分类Dev

如何在 React Native 的抽屉导航中将接收到的数据显示为用户名?

来自分类Dev

确保在Firebase(Swift)中创建新用户时使用唯一的用户名

来自分类Dev

Django:登录时创建新用户时,用户名为空

来自分类Dev

vTiger CRM 6.3无法添加新用户:用户名显示为灰色

来自分类Dev

Celery:无法使用新用户名连接远程工作者

来自分类Dev

更新用户信息

来自分类Dev

在React中使用Firebase Auth创建新用户时出现内部错误

来自分类Dev

React Native:更新ListView问题

来自分类Dev

如何在Firebase中使用用户名,电子邮件和密码创建新用户?

来自分类Dev

如何在Firebase中使用用户名,电子邮件和密码创建新用户?

来自分类Dev

用户名更改后在导航栏中刷新用户名(使用 Asp.Net、MVC 和 C#)

来自分类Dev

成为面临登录问题的新用户

来自分类Dev

实时更新用户界面

来自分类Dev

$ scope。$ on不会更新用户界面

Related 相关文章

  1. 1

    Mysql更新用户名

  2. 2

    检查重复的用户名阻止更新用户

  3. 3

    无法在 wordpress 中更新用户名

  4. 4

    {React Native} Firebase-在导航之前更新用户值仅在软刷新后才能起作用

  5. 5

    如何在 React Native 中显示 Facebook 用户名?

  6. 6

    Django表单:在不更改用户名的情况下更新用户的属性

  7. 7

    更新用户详细信息jQuery模式时检查唯一的用户名

  8. 8

    在React中更新用户配置文件信息客户端

  9. 9

    如何检查新用户名是否是系统用户?

  10. 10

    Rails 4,Devise-无法从Rails控制台更新用户名

  11. 11

    Symfony FOS编辑/更新用户名/电子邮件

  12. 12

    更新用户名后不重新呈现个人资料页面

  13. 13

    在配置文件页面上更新用户名后,数据库中的用户名已更改,但页面上的旧用户名

  14. 14

    正则表达式以在React Native中验证用户名

  15. 15

    正则表达式以在React Native中验证用户名

  16. 16

    如何在 React Native 的抽屉导航中将接收到的数据显示为用户名?

  17. 17

    确保在Firebase(Swift)中创建新用户时使用唯一的用户名

  18. 18

    Django:登录时创建新用户时,用户名为空

  19. 19

    vTiger CRM 6.3无法添加新用户:用户名显示为灰色

  20. 20

    Celery:无法使用新用户名连接远程工作者

  21. 21

    更新用户信息

  22. 22

    在React中使用Firebase Auth创建新用户时出现内部错误

  23. 23

    React Native:更新ListView问题

  24. 24

    如何在Firebase中使用用户名,电子邮件和密码创建新用户?

  25. 25

    如何在Firebase中使用用户名,电子邮件和密码创建新用户?

  26. 26

    用户名更改后在导航栏中刷新用户名(使用 Asp.Net、MVC 和 C#)

  27. 27

    成为面临登录问题的新用户

  28. 28

    实时更新用户界面

  29. 29

    $ scope。$ on不会更新用户界面

热门标签

归档